/* HSC design tokens. Mirrors the Figma variable collections (Colors, Radius, Space). */
:root {
  /* Colors */
  --blue: #0596E5;
  --logo-blue: #143D8D;
  --navy: #062B52;
  --ink: #0B1726;
  --white: #FFFFFF;
  --text: #2F3D4E;
  --muted: #5A6878;
  --line: #D5E3EF;
  --sand: #F5F0E8;
  --mist: #EEF6FC;
  --sky: #8FD3FF;
  --text-on-dark: #D5E6F5;
  --muted-on-dark: #AFC0D2;
  --line-on-dark: #4A5B70;
  --orange: #FF720B;
  --green: #2DBE6C;
  --red: #C9302C;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-full: 999px;

  /* Space */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 64px;
  --space-5xl: 80px;
  --space-6xl: 112px;

  /* Type: Inter for English, Alexandria for Arabic (Inter has no Arabic glyphs, so Arabic falls through to Alexandria) */
  --font: 'Inter', 'Alexandria', system-ui, sans-serif;
  --font-ar: 'Alexandria', 'Inter', system-ui, sans-serif;
}