/* Affordable Abot-Kaya — tokens from design-system/project/tokens.json (light theme) */
:root {
  --surface: #f6f8fa;
  --surface-raised: #ffffff;
  --surface-sunken: #eaf0f5;
  --line: #d6dee6;
  --line-strong: #6b7b8c;
  --ink: #0f2133;
  --ink-muted: #4b5a6b;
  --navy: #0f2133;
  --on-navy: #ffffff;
  --on-navy-muted: #b6c4d3;
  --brick: #b3141b;
  --on-brick: #ffffff;
  --brick-text: #b3141b;
  --brick-tint: #fbe9e9;
  --maroon: #6e0a0e;
  --sky: #3fb0e4;
  --on-sky: #0f2133;
  --sky-tint: #e2f2fb;
  --steel: #2a6688;
  --success: #1d7a4b;
  --focus-ring: #2a6688;

  --shadow-card: 0 1px 2px rgba(15, 33, 51, 0.06), 0 8px 24px rgba(15, 33, 51, 0.07);
  --shadow-lift: 0 2px 4px rgba(15, 33, 51, 0.08), 0 18px 40px rgba(15, 33, 51, 0.12);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;

  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-sans: "Figtree", "Segoe UI", system-ui, sans-serif;

  --max: 1240px;
  --gutter: max(16px, 3.4vw);
}