/*
  Confiado — Sitewide Design Tokens (single source of truth)
  Per Confiado_Web_UI_System_Development_Rules_Compliance v1.2:
    G01 Typography — one standard typeface sitewide
    G03 Brand Tokens — colors/surfaces/radius/typography come from system tokens,
                        never hardcoded per page
  This file must be linked on EVERY page, before global-shell.css and before any
  page-specific stylesheet. Page CSS must consume these tokens, not redefine them.

  Font note: the rule doc names "Iran Yekan X" as the standard typeface, but no
  Iran Yekan X font files exist anywhere in the delivered source packages (every
  page had privately substituted a different font: B Yekan+, Yekan Bakh VF,
  BYekanPlus). Per project decision (2026-09-21), Vazirmatn — an open-licensed
  Persian/Latin variable font — is the interim sitewide standard until an actual
  licensed Iran Yekan X file set is supplied. Swap the @font-face src below and
  nothing else needs to change.
*/

@font-face{
  font-family:"Vazirmatn Variable";
  src:url("../assets/fonts/Vazirmatn-latin.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Vazirmatn Variable";
  src:url("../assets/fonts/Vazirmatn-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;
}

:root{
  /* Typography (G01) */
  --font-fa:"Vazirmatn Variable","Vazirmatn",Tahoma,Arial,sans-serif;

  /* Brand palette (G03) */
  --brand:#206BEE;
  --brand-dark:#1359c8;
  --brand-light:#75A8FF;
  --ink:#2C2C2C;
  --surface:#ffffff;
  --soft:#F5F5F5;
  --pale:#E1EEF9;
  --dark:#061729;

  /* Footer palette */
  --footer-bg:#2c2c2c;
  --footer-text:#f6f6f6;
  --footer-muted:#c9c9c9;
  --footer-line:#444;

  /* Layout scale — shared across pages (G14 shared scale) */
  --shell-max:1600px;
  --gutter:42px;
  --header-h:116px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --focus:0 0 0 3px rgba(32,107,238,.28);

  /* Global Shell namespace (--gs-*) — consumed by shared/css/global-shell.css.
     Do not override these in page-specific CSS (rule: Global Shell tokens are
     an independent namespace/scope). */
  --gs-font-fa:var(--font-fa);
  --gs-brand:var(--brand);
  --gs-brand-dark:var(--brand-dark);
  --gs-ink:var(--ink);
  --gs-surface:var(--surface);
  --gs-header-bg:#fafafa;
  --gs-footer-bg:var(--footer-bg);
  --gs-footer-text:var(--footer-text);
  --gs-footer-muted:var(--footer-muted);
  --gs-footer-line:var(--footer-line);
  --gs-shell-max:var(--shell-max);
  --gs-gutter:var(--gutter);
  --gs-header-h:var(--header-h);
  --gs-focus:var(--focus);
}

html{font-family:var(--font-fa);direction:rtl}
body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-fa);font-synthesis:none;-webkit-font-smoothing:antialiased}