/* ==========================================================================
   FA Medicare Clinic — Design Tokens
   Palette: ink-teal (trust/clinical) + muted brass (precision, instruments)
   Type: Fraunces (display) / Inter (body) / IBM Plex Mono (data & labels)
   ========================================================================== */

:root {
  /* --- Color: core --- */
  --color-ink-teal-900: #0B2E2B;
  --color-ink-teal-800: #0B4F4A;
  --color-ink-teal-700: #12615A;
  --color-ink-teal-600: #1B7A72;
  --color-ink-teal-500: #24948A;
  --color-ink-teal-100: #DCEBE8;
  --color-ink-teal-50:  #F0F6F5;

  --color-brass-600: #B8863A;
  --color-brass-500: #D6A24B;
  --color-brass-400: #E3B968;
  --color-brass-100: #F7ECD8;

  --color-vital-green: #3F8F63;
  --color-vital-green-100: #E4F2EA;
  --color-alert-coral: #E2604F;
  --color-alert-coral-100: #FBE7E3;
  --color-info-blue: #3E72AC;

  --color-paper: #FAF8F4;
  --color-paper-dim: #F3F0E9;
  --color-surface: #FFFFFF;
  --color-ink: #16302C;
  --color-ink-soft: #4A5F5B;
  --color-ink-faint: #8A9995;
  --color-border: #E2DED3;
  --color-border-strong: #C9C3B3;

  /* --- Typography --- */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-4xl: 3.75rem;

  /* --- Spacing / radius / shadow --- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(11, 47, 43, 0.08);
  --shadow-md: 0 8px 24px rgba(11, 47, 43, 0.10);
  --shadow-lg: 0 20px 48px rgba(11, 47, 43, 0.14);

  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}