/* =============================================================================
 * brand.css — AIOP brandbook tokens + self-hosted fonts (Forms surface)
 * -----------------------------------------------------------------------------
 * Real Azimzadeh brandbook values. Drives the LIGHT forms surface + brand
 * touches. The PANEL stays on Metronic's own theme — it never loads this.
 *
 * Fonts are SELF-HOSTED (no CDN), like vendor/signature_pad.js:
 *   Playfair Display  → EN display/headings   (--font-en-display)
 *   Red Hat Display   → EN body/UI            (--font-en-body)
 *   Rubik             → Arabic                (--font-ar)
 *   Yekan Bakh        → Persian/FA body       (--font-fa)  [from Hooman, .ttf]
 * The forms surface switches to --font-fa under [dir=rtl]/[lang=fa] (see bottom).
 * woff2 files carry Google's unicode-range so each subset loads only when needed.
 * ===========================================================================*/

/* ---- Self-hosted @font-face (Latin: latin + latin-ext; Rubik: latin + arabic) ---- */
@font-face{
  font-family:'Playfair Display'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/static/brand/fonts/playfair-display-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Playfair Display'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/static/brand/fonts/playfair-display-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Playfair Display'; font-style:normal; font-weight:700; font-display:swap;
  src:url('/static/brand/fonts/playfair-display-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Playfair Display'; font-style:normal; font-weight:700; font-display:swap;
  src:url('/static/brand/fonts/playfair-display-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Red Hat Display'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/static/brand/fonts/red-hat-display-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Red Hat Display'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/static/brand/fonts/red-hat-display-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Red Hat Display'; font-style:normal; font-weight:500; font-display:swap;
  src:url('/static/brand/fonts/red-hat-display-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Red Hat Display'; font-style:normal; font-weight:500; font-display:swap;
  src:url('/static/brand/fonts/red-hat-display-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Red Hat Display'; font-style:normal; font-weight:600; font-display:swap;
  src:url('/static/brand/fonts/red-hat-display-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Red Hat Display'; font-style:normal; font-weight:600; font-display:swap;
  src:url('/static/brand/fonts/red-hat-display-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Red Hat Display'; font-style:normal; font-weight:700; font-display:swap;
  src:url('/static/brand/fonts/red-hat-display-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Red Hat Display'; font-style:normal; font-weight:700; font-display:swap;
  src:url('/static/brand/fonts/red-hat-display-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Rubik'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/static/brand/fonts/rubik-400-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Rubik'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/static/brand/fonts/rubik-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Rubik'; font-style:normal; font-weight:700; font-display:swap;
  src:url('/static/brand/fonts/rubik-700-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Rubik'; font-style:normal; font-weight:700; font-display:swap;
  src:url('/static/brand/fonts/rubik-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Persian/FA body font — Yekan Bakh (Hooman). Self-hosted woff2 (ttf fallback).
   Regular only for now; `font-weight:400 700` lets the browser SYNTHESISE bold
   (faux-bold) for headings until real bold/medium weights arrive. */
@font-face{
  font-family:'Yekan Bakh'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('/static/brand/fonts/YekanBakh-Regular.woff2') format('woff2'),
      url('/static/brand/fonts/yekanbakh-regular.ttf') format('truetype');
}

:root{
  /* ---- Brandbook palette ---- */
  --brand-burgundy:#520100;   /* core brand color */
  --brand-gold:#CFA675;
  --brand-orange:#C26225;
  --brand-green:#0A575D;
  --brand-navy:#223A5C;
  --brand-warmgray:#A69C94;

  /* ---- Semantic ---- */
  --brand-primary:var(--brand-burgundy);   /* primary buttons / headers */
  --brand-accent:var(--brand-gold);        /* accents */
  --brand-ink:#1a1a1a;
  --brand-paper:#ffffff;

  /* ---- Derived (the forms.css token contract) ---- */
  --brand-primary-600:#3a0100;             /* burgundy hover (darker) */
  --brand-primary-050:#f6ebe9;             /* burgundy tint (selected check bg) */
  --brand-bg:#f7f4ef;                       /* warm paper-ish page bg */
  --brand-surface:var(--brand-paper);
  --brand-border:#e7e0d6;
  --brand-muted:#6f6760;
  --brand-success:var(--brand-green);
  --brand-danger:#b3261e;
  --brand-focus:rgba(82, 1, 0, .25);        /* primary @ .25 */

  /* ---- Typography ---- */
  --font-en-display:"Playfair Display", serif;
  --font-en-body:"Red Hat Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-fa:"Yekan Bakh", "Red Hat Display", Tahoma, sans-serif;
  --font-ar:"Rubik", sans-serif;
  /* active fonts (switch per direction below) */
  --brand-font:var(--font-en-body);         /* body/UI */
  --brand-font-display:var(--font-en-display); /* headings */

  /* ---- Shape & elevation ---- */
  --brand-radius:12px;
  --brand-radius-sm:8px;
  --brand-shadow:0 1px 3px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .04);

  /* ---- Spacing scale ---- */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;

  /* ---- Touch targets (iPad-first) ---- */
  --control-min-h:48px;
}

/* Persian/RTL: body AND headings use the FA font (Playfair/Red Hat don't cover
   Persian). Overrides the :root vars for everything under the fa/rtl root. */
html[dir="rtl"],
html[lang="fa"]{
  --brand-font:var(--font-fa);
  --brand-font-display:var(--font-fa);
}