/* =====================================================================
   VentureCompass — Design tokens (v3)
   One source for colour, type, space, shape and motion.
   ===================================================================== */

@font-face{
  font-family:'Vazirmatn';
  src:url('../assets/fonts/Vazirmatn-Variable.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Geist Mono';
  src:url('../assets/fonts/GeistMono-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}

:root{
  /* ---- Brand palette (approved) ---- */
  --navy:#0F1B2C;            /* primary identity */
  --navy-deep:#091321;       /* hero + dark sections */
  --navy-2:#16263D;          /* secondary navy, raised dark surfaces */
  --gold:#B8863B;            /* accent + primary CTA fill only */
  --gold-text:#8A6428;       /* gold text on light (5.3:1 on white) */
  --warm-white:#FAF9F6;      /* light sections */
  --soft:#F4F5F7;            /* alternate light surface */
  --white:#FFFFFF;
  --slate:#5B6573;           /* secondary text on light (5.9:1) */
  --border:#D9DCE1;          /* hairlines on light */
  --gold-soft:#F5EFE6;       /* very soft gold surface */

  /* Derived (tints of the brand, no new hues) */
  --gold-on-dark:#D3A559;    /* gold text on navy (7.7:1) */
  --gold-hover:#C7964A;
  --line-dark:rgba(255,255,255,.10);
  --line-dark-2:rgba(255,255,255,.18);
  --text-on-dark:#FFFFFF;
  --text-on-dark-2:rgba(255,255,255,.76);
  --text-on-dark-3:rgba(255,255,255,.60);
  --danger:#B42318;          /* errors on light (6.5:1) */
  --danger-on-dark:#F4A08C;
  --success:#1F7A4D;

  /* ---- Type ---- */
  --font:'Vazirmatn', Tahoma, 'Segoe UI', Arial, sans-serif;
  --mono:'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --fs-display:clamp(2.125rem, 1.35rem + 2.3vw, 3.5rem);   /* 34 → 56 */
  --fs-h2:clamp(1.75rem, 1.3rem + 1.4vw, 2.625rem);        /* 28 → 42 */
  --fs-h3:clamp(1.125rem, 1.04rem + .35vw, 1.375rem);      /* 18 → 22 */
  --fs-lead:clamp(1.0625rem, 1rem + .3vw, 1.25rem);        /* 17 → 20 */
  --fs-body:1rem;
  --fs-sm:.9375rem;
  --fs-xs:.8125rem;
  --lh:1.85;
  --lh-tight:1.3;

  /* ---- Space (4px base) ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --gutter:64px;
  --container:1280px;
  --section:clamp(88px, 9vw, 144px);
  --header-h:76px;

  /* ---- Shape ---- */
  --r-xs:4px; --r-s:8px; --r-m:14px; --r-l:20px; --r-full:999px;
  --shadow-1:0 1px 2px rgba(9,19,33,.06), 0 4px 12px -6px rgba(9,19,33,.10);
  --shadow-2:0 2px 4px rgba(9,19,33,.05), 0 24px 48px -24px rgba(9,19,33,.22);
  --shadow-dark:0 30px 60px -30px rgba(0,0,0,.65);

  /* ---- Motion ---- */
  --t1:120ms; --t2:200ms; --t3:320ms; --t4:500ms;
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
}
@media (max-width:1199px){ :root{ --gutter:40px } }
@media (max-width:639px){ :root{ --gutter:20px; --header-h:64px } }

/* English uses a slightly tighter reading rhythm */
:root[lang="en"]{ --lh:1.7; --lh-tight:1.18 }