/* Generated from the design system tokens.json — do not edit by hand. */
:root{
  --purple-50: #f6f1ff;
  --purple-100: #ece2fe;
  --purple-200: #d8c5fb;
  --purple-300: #b893f3;
  --purple-400: #9562e6;
  --purple-500: #7631d9;
  --purple-600: #5d14c7;
  --purple-700: #4a0fa0;
  --purple-800: #36117a;
  --purple-900: #241052;
  --purple-950: #150b30;
  --gold-50: #fff8e8;
  --gold-100: #ffefc7;
  --gold-300: #ffd36e;
  --gold-400: #f6bd4a;
  --gold-500: #eea62c;
  --gold-700: #8f5a07;
  --gold-900: #3d2300;
  --ink: #1a1040;
  --ink-soft: #4b4160;
  --ink-muted: #6b6280;
  --surface: #ffffff;
  --surface-subtle: #faf8fd;
  --surface-muted: #f3eff9;
  --border: #e6e0ef;
  --border-strong: #8b80a0;
  --on-dark: #ffffff;
  --on-dark-muted: #cdc4e0;
  --focus-on-dark: #ffd36e;
  --success: #1d7a4b;
  --success-bg: #e6f6ed;
  --danger: #b42340;
  --danger-bg: #fdebee;
  --primary: var(--purple-600);
  --primary-hover: var(--purple-700);
  --accent: var(--gold-400);
  --focus: var(--purple-500);
  --shadow-sm: 0 1px 2px rgba(26,16,64,0.06), 0 2px 8px rgba(26,16,64,0.05);
  --shadow-md: 0 10px 30px rgba(36,16,82,0.10);
  --shadow-lg: 0 24px 60px rgba(21,11,48,0.18);
  --shadow-primary: 0 8px 20px rgba(93,20,199,0.28);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-20: 88px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 600ms;
  --container: 1200px;
  --header-height: 76px;
  --font-display: "Cairo", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-body: "IBM Plex Sans Arabic", "Cairo", system-ui, sans-serif;
}
.display-xl{font-family:var(--font-display);font-size:56px;line-height:1.2;font-weight:800;letter-spacing:-0.5px;}
.display{font-family:var(--font-display);font-size:42px;line-height:1.3;font-weight:800;}
.h2{font-family:var(--font-display);font-size:32px;line-height:1.4;font-weight:800;}
.h3{font-family:var(--font-display);font-size:22px;line-height:1.5;font-weight:700;}
.h4{font-family:var(--font-display);font-size:18px;line-height:1.55;font-weight:700;}
.stat{font-family:var(--font-display);font-size:30px;line-height:1.2;font-weight:800;}
.body-lg{font-family:var(--font-body);font-size:18px;line-height:1.9;font-weight:400;}
.body{font-family:var(--font-body);font-size:16px;line-height:1.85;font-weight:400;}
.body-sm{font-family:var(--font-body);font-size:14px;line-height:1.75;font-weight:400;}
.label{font-family:var(--font-body);font-size:14px;line-height:1.5;font-weight:600;}
.caption{font-family:var(--font-body);font-size:13px;line-height:1.6;font-weight:500;}
.eyebrow{font-family:var(--font-body);font-size:13px;line-height:1.6;font-weight:700;}