:root {
  --color-blue-900: #0f4c87;
  --color-blue-800: #14589b;
  --color-blue-700: #1c66ad;
  --color-blue-400: #77bfe9;
  --color-blue-100: #e4f2fb;
  --color-blue-50:  #f4f9fd;

  --color-coral-500: #e58469;
  --color-coral-600: #d56a4d;
  --color-coral-100: #fbe4dc;

  --color-ink-900: #0e1b2c;
  --color-ink-700: #34465c;
  --color-ink-500: #6b7a8c;
  --color-ink-300: #b9c2cd;
  --color-ink-100: #e6ebf1;
  --color-ink-50:  #f5f7fa;
  --color-white:   #ffffff;

  --color-success: #2f9e6b;
  --color-warn:    #d99826;

  --font-display: "Teko", system-ui, sans-serif;
  --font-body:    "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-56: 3.5rem;
  --fs-72: 4.5rem;

  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;

  --lh-tight: 1.1;
  --lh-snug:  1.25;
  --lh-base:  1.55;

  --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;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 76, 135, 0.06), 0 1px 3px rgba(15, 76, 135, 0.08);
  --shadow-md: 0 4px 12px rgba(15, 76, 135, 0.08), 0 2px 4px rgba(15, 76, 135, 0.06);
  --shadow-lg: 0 18px 40px rgba(15, 76, 135, 0.12), 0 4px 8px rgba(15, 76, 135, 0.06);

  --container: 1200px;
  --container-narrow: 880px;
}