/* NUBAYIN tokens, version 1.0 (locked 8 November 2026). Generated by scripts/build.py. Edit guide/*.md or scripts/kit/, then rebuild.
   Two themes: Cinema (kohl, the default, for what we show) and Reading (gypsum, for what we explain).
   Set data-theme="reading" or data-theme="cinema" on any element; the role tokens follow it. Every text pair is checked to WCAG 2.2 AA. */
:root {
  --drench: #2561A5;
  --on-drench: #F2F4F6;
  --kohl-1000: #06080B;
  --kohl-950: #0B0F13;
  --kohl-900: #13161B;
  --kohl-850: #1B2025;
  --kohl-800: #292E34;
  --kohl-700: #43484F;
  --kohl-600: #5E646B;
  --kohl-500: #7B8187;
  --kohl-400: #9A9FA5;
  --kohl-300: #BABEC3;
  --kohl-200: #D5D8DB;
  --kohl-100: #E6E8EB;
  --kohl-50: #F2F4F6;
  --kohl-0: #FBFCFD;
  --lazaward-950: #091931;
  --lazaward-900: #0F294C;
  --lazaward-800: #143A6A;
  --lazaward-700: #1B4D88;
  --lazaward-600: #2561A5;
  --lazaward-500: #3E7CC5;
  --lazaward-400: #639BDF;
  --lazaward-300: #8CBAF0;
  --lazaward-200: #B4D4F9;
  --lazaward-100: #D9EAFD;
  --lazaward-50: #EEF6FE;
  --font-display: "Kufam", "Noto Kufi Arabic", system-ui, sans-serif;
  --font-text: "Noto Serif", "Noto Naskh Arabic", Georgia, serif;
  --font-arabic: "Noto Naskh Arabic", "Noto Serif", Georgia, serif;
  --type-display-xl-size: 144px; --type-display-xl-leading: 0.95; --type-display-xl-weight: 400; --type-display-xl-tracking: -0.02em;
  --type-display-l-size: 72px; --type-display-l-leading: 0.98; --type-display-l-weight: 400; --type-display-l-tracking: -0.02em;
  --type-title-size: 39px; --type-title-leading: 1.1; --type-title-weight: 400; --type-title-tracking: -0.015em;
  --type-heading-size: 25px; --type-heading-leading: 1.2; --type-heading-weight: 500; --type-heading-tracking: -0.005em;
  --type-label-size: 14px; --type-label-leading: 1.2; --type-label-weight: 500; --type-label-tracking: 0.02em;
  --type-eyebrow-size: 12px; --type-eyebrow-leading: 1.3; --type-eyebrow-weight: 500; --type-eyebrow-tracking: 0.12em;
  --type-credit-size: 14px; --type-credit-leading: 1.5; --type-credit-weight: 400;
  --type-lede-size: 21px; --type-lede-leading: 1.55; --type-lede-weight: 400;
  --type-body-size: 17px; --type-body-leading: 1.6; --type-body-weight: 400;
  --type-caption-size: 13px; --type-caption-leading: 1.5; --type-caption-weight: 400; --type-caption-tracking: 0.015em;
  --type-ar-display-size: 161px; --type-ar-display-leading: 1.4; --type-ar-display-weight: 500;
  --type-ar-title-size: 44px; --type-ar-title-leading: 1.4; --type-ar-title-weight: 500;
  --type-ar-body-size: 19px; --type-ar-body-leading: 1.8; --type-ar-body-weight: 400;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px; --section-gap: 136px;
  --radius-0: 0; --radius-avatar: 50%;
  --dur-fast: 120ms; --dur-state: 200ms; --dur-layout: 320ms; --dur-reveal: 480ms;
  --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-reveal: cubic-bezier(0.2, 0, 0, 1);
  --frame-scope: 2.39 / 1; --frame-wide: 16 / 9; --frame-poster: 2 / 3; --frame-portrait: 4 / 5;
}
:root, [data-theme="cinema"] {
  --canvas: #0B0F13;
  --surface: #13161B;
  --raised: #1B2025;
  --rule: #292E34;
  --text: #F2F4F6;
  --text-2: #BABEC3;
  --text-3: #9A9FA5;
  --accent: #8CBAF0;
  --accent-strong: #B4D4F9;
  --focus: #639BDF;
  --point: #639BDF;
  --success: #83D494;
  --success-tint: #102816;
  --warning: #EDB161;
  --warning-tint: #2F1E06;
  --danger: #FFA196;
  --danger-tint: #341916;
  color-scheme: dark;
}
[data-theme="reading"] {
  --canvas: #F2F4F6;
  --surface: #FBFCFD;
  --raised: #FBFCFD;
  --rule: #D5D8DB;
  --text: #0B0F13;
  --text-2: #43484F;
  --text-3: #5E646B;
  --accent: #2561A5;
  --accent-strong: #1B4D88;
  --focus: #2561A5;
  --point: #2561A5;
  --success: #137738;
  --success-tint: #E5F5E7;
  --warning: #905C01;
  --warning-tint: #FBEEDE;
  --danger: #A04038;
  --danger-tint: #FFEBE8;
  color-scheme: light;
}