/* عهدورز — generated from tokens.json; edit tokens.json, not this file */
:root {
  --night-950: #0A0D14;
  --ivory-100: #EDE8DF;
  --brass-500: #C2A26B;
  --brass-300: #DEC28E;
  --teal-300: #8CC0B8;
  --paper-100: #F2EEE6;
  --sky-deep: #070A16;
  --sky-indigo: #4A5A9C;
  --dusk-rose: #9C6579;
  --dawn-gold: #D3A26F;
  --thread: #FFF1DA;
  --bg: #0A0D14;
  --surface: rgba(237, 232, 223, 0.035);
  --surface-strong: rgba(237, 232, 223, 0.075);
  --field: rgba(237, 232, 223, 0.045);
  --ink: #EDE8DF;
  --ink-2: rgba(237, 232, 223, 0.66);
  --ink-3: rgba(237, 232, 223, 0.5);
  --ink-4: rgba(237, 232, 223, 0.16);
  --line: rgba(237, 232, 223, 0.1);
  --line-strong: rgba(237, 232, 223, 0.22);
  --primary: #EDE8DF;
  --on-primary: #0A0D14;
  --brass: #C2A26B;
  --brass-hi: #DEC28E;
  --teal: #8CC0B8;
  --sacred: #E9DCC2;
  --glass: rgba(30, 34, 46, 0.5);
  --positive: #8CC0B8;
  --caution: #F0A85A;
  --caution-soft: rgba(240, 168, 90, 0.1);
  --critical: #F08A7E;
  --focus-ring: #8CC0B8;
  --scrim: rgba(5, 8, 16, 0.64);
  --shadow-glass: inset 0 0.5px 0 rgba(255, 255, 255, 0.16), inset 0 0 0 0.5px rgba(255, 255, 255, 0.07), 0 20px 40px -18px rgba(0, 0, 0, 0.7);
  --line-ring: inset 0 0 0 1px rgba(237, 232, 223, 0.1);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-dock: 32px;
  --radius-pill: 999px;
  --size-touch: 44px;
  --size-control: 52px;
  --size-iconbtn: 40px;
  --size-icon: 22px;
  --size-column: 480px;
  --size-dial: 300px;
  --size-astrolabe: 228px;
  --blur-glass: 30px;
  --motion-hold: 1500ms;
  --motion-breathe: 2800ms;
  --motion-reveal: 600ms;
  --stroke-hairline: 1px;
  --stroke-icon: 1.5px;
  --stroke-focus: 2px;
  --font-sans: Vazirmatn, Tahoma, "Segoe UI", sans-serif;
  --font-label: "Noto Kufi Arabic", Vazirmatn, Tahoma, sans-serif;
  --font-sacred: Amiri, "Noto Naskh Arabic", "Traditional Arabic", serif;
  --font-hero: "Noto Nastaliq Urdu", "IranNastaliq", serif;
  color-scheme: dark;
}
:root[data-theme="light"], [data-theme="light"] {
  --night-950: #0A0D14;
  --ivory-100: #EDE8DF;
  --brass-500: #C2A26B;
  --brass-300: #DEC28E;
  --teal-300: #8CC0B8;
  --paper-100: #F2EEE6;
  --sky-deep: #070A16;
  --sky-indigo: #4A5A9C;
  --dusk-rose: #9C6579;
  --dawn-gold: #D3A26F;
  --thread: #FFF1DA;
  --bg: #F2EEE6;
  --surface: rgba(22, 24, 29, 0.035);
  --surface-strong: rgba(22, 24, 29, 0.06);
  --field: rgba(255, 255, 255, 0.6);
  --ink: #16181D;
  --ink-2: rgba(22, 24, 29, 0.68);
  --ink-3: rgba(22, 24, 29, 0.56);
  --ink-4: rgba(22, 24, 29, 0.14);
  --line: rgba(22, 24, 29, 0.1);
  --line-strong: rgba(22, 24, 29, 0.24);
  --primary: #16181D;
  --on-primary: #F2EEE6;
  --brass: #7A5E2E;
  --brass-hi: #8F6E33;
  --teal: #2C6E6A;
  --sacred: #3B2F1C;
  --glass: rgba(255, 253, 249, 0.62);
  --positive: #2C6E6A;
  --caution: #8A5A00;
  --caution-soft: #F6E6C8;
  --critical: #A33A2E;
  --focus-ring: #2C6E6A;
  --scrim: rgba(22, 24, 29, 0.4);
  --shadow-glass: inset 0 0.5px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 0.5px rgba(22, 24, 29, 0.06), 0 20px 40px -20px rgba(40, 30, 10, 0.35);
  --line-ring: inset 0 0 0 1px rgba(22, 24, 29, 0.1);
  color-scheme: light;
}
.display-num { font-family: var(--font-sans); font-size: 100px; line-height: 100px; font-weight: 200; }
.hero { font-family: var(--font-hero); font-size: 30px; line-height: 64px; font-weight: 400; }
.title { font-family: var(--font-sans); font-size: 26px; line-height: 38px; font-weight: 600; }
.question { font-family: var(--font-sans); font-size: 26px; line-height: 40px; font-weight: 300; }
.body-l { font-family: var(--font-sans); font-size: 17px; line-height: 31px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 500; }
.small { font-family: var(--font-sans); font-size: 12px; line-height: 18px; font-weight: 400; }
.eyebrow { font-family: var(--font-label); font-size: 12px; line-height: 20px; font-weight: 500; }
.arabic-hero { font-family: var(--font-sacred); font-size: 24px; line-height: 40px; font-weight: 400; }
.arabic-l { font-family: var(--font-sacred); font-size: 24px; line-height: 50px; font-weight: 400; }
.arabic { font-family: var(--font-sacred); font-size: 18.5px; line-height: 36px; font-weight: 400; }