:root {
  /* Class prefix: smi = smwalinsaf — شركة سمو الإنصاف للمحاماة والاستشارات القانونية */

  /* ── Primary — كحلي ── */
  --brand: #283583;
  --brand-dark: #232f72;
  --brand-darker: #1e2966;
  --brand-deep: #1a2358;
  --brand-light: #3d4f9e;
  --brand-soft: #dce3f5;
  --brand-cream: #f5f7fb;
  /* ── Secondary — ذهب اللوجو ── */
  --brand-secondary: #DCC6A0;
  --brand-secondary-dark: #A89070;
  --brand-secondary-light: #E8D9BE;
  --brand-highlight: var(--brand-secondary);

  /* ── Semantic tokens ── */
  --c1: var(--brand);
  --c1d: var(--brand-deep);
  --c2: var(--brand-secondary);
  --c2d: var(--brand-secondary-dark);
  --c3: var(--brand-highlight);

  /* Typography — Customizer */
  --ch: #1a2358; /* عناوين */
  --cs: #5a6480; /* عناوين فرعية */
  --ct: var(--ch); /* نص عام */
  --cm: var(--cs); /* نصوص ثانوية / فرعية */

  /* Buttons — Customizer */
  --cbt: #1e2640; /* نص الزر */
  --cbth: #ffffff; /* نص الزر hover */

  --cb: var(--brand-cream);
  --ce: #dde4f0;
  --cw: #fff;
  --surface: #fff;

	--shadow-brand: rgba(40, 53, 131, 0.28);

  /* Stat card fade (light → remapped in dark) */
  --stat-fade: #ffffff;
  --stat-fade-soft: rgba(255, 255, 255, 0.82);
  --stat-fade-mid: rgba(255, 255, 255, 0.35);

  /* Card / elevated surface (white in light, dark in dark mode) */
  --card: #ffffff;
  --card-frost: rgba(255, 255, 255, 0.9);

  --f: 'Tajawal', sans-serif;
  --mw: 1140px;
  --hdr-h: 80px;
  --pad-x: clamp(16px, 4vw, 48px);
  --section-y: clamp(48px, 8vw, 80px);
}