/* DESIGN SYSTEM: Clinical Academic Humanism */
:root {
  /* Brand Palette */
  --color-paper: #FBFAF7;
  --color-ink: #14283B;
  --color-ink-light: #2A4359;
  --color-ink-muted: #4D6075;
  --color-ink-subtle: #6D8296;

  --color-clinical-green: #1F7A6B;
  --color-clinical-green-hover: #165E52;
  --color-clinical-green-tint: #E8F5F2;
  --color-clinical-green-dark: #0F453C;

  --color-signal-rust: #C2410C;
  --color-signal-rust-hover: #9E3409;
  --color-signal-rust-tint: #FFF3ED;

  --color-mist: #E6EEF0;
  --color-mist-light: #F4F8F9;
  --color-mist-dark: #D4DFE2;

  --color-line: #C9D3D8;
  --color-line-dark: #9EADB5;
  --color-white: #FFFFFF;

  /* Typography Families */
  --font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Type Scale */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.825rem;    /* 13.2px */
  --text-base: 0.9375rem; /* 15px */
  --text-md: 1.05rem;     /* 16.8px */
  --text-lg: 1.1875rem;   /* 19px */
  --text-xl: 1.4rem;      /* 22.4px */
  --text-2xl: 1.85rem;    /* 29.6px */
  --text-3xl: 2.4rem;     /* 38.4px */
  --text-4xl: 3.2rem;     /* 51.2px */

  /* Border Radii */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Layout & Spacing */
  --container-max: 1220px;
  --gutter: 1.5rem;
  --gutter-mobile: 1rem;

  /* Transitions */
  --transition-fast: all 0.15s ease-in-out;
  --transition-smooth: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);

  /* Shadows (Subtle, architectural) */
  --shadow-sm: 0 1px 3px rgba(20, 40, 59, 0.05);
  --shadow-md: 0 4px 16px rgba(20, 40, 59, 0.08);
  --shadow-lg: 0 12px 32px rgba(20, 40, 59, 0.12);
}