:root {
  --bg: #EEF3F8;
  --surface-1: #FFFFFF;
  --surface-2: #E4ECF3;
  --border-soft: #D8DFE6;
  --hairline: #E2E8EE;
  --text-primary: #1A2433;
  --text-secondary: #4A5568;
  --text-muted: #6B7280;
  /* Inverse surface for overlays that sit ON TOP of the page — tooltips,
     popovers, toasts. Dark surface, light text; named for the JOB, not the
     colour (its value coincides with --text-primary, but that is a coincidence,
     not a shared role, so it gets its own token that a theme can swap freely). */
  --surface-inverse: #1A2433;
  --text-on-inverse: #FFFFFF;
  --primary: #2D7DC4;
  --primary-hover: #246AAB;
  --primary-soft: rgba(45, 125, 196, 0.08);
  --primary-ring: rgba(45, 125, 196, 0.22);
  --secondary: #3A98A5;
  --tertiary: #5A8C45;
  --warm: #E8855B;
  --success: #5A8C45;
  --warning: #E89B3A;
  --error: #C04A3A;
  --shadow-soft: 0 1px 2px rgba(26, 36, 51, 0.04),
                 0 4px 16px rgba(26, 36, 51, 0.06);
  --shadow-hover: 0 2px 4px rgba(26, 36, 51, 0.06),
                  0 8px 24px rgba(26, 36, 51, 0.10);

  --accent-sky:   #2D7DC4;
  --accent-coral: #E8855B;
  --accent-grass: #5A8C45;
  --accent-teal:  #3A98A5;
  --accent-gold:  #C9A84C;
  --accent-plum:  #8B5CB8;

  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --font-display: 'Source Serif 4', Georgia, serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, monospace;
}