/* swpres.org design tokens: the single source of truth for color, type, spacing.
   Change a value here and the whole site follows. */
:root {
  /* Color */
  --navy: #1B2D45;
  --navy-deep: #13223A;
  --navy-soft: #26405F;
  --cream: #F8F6EF;
  --paper: #FFFFFF;
  --gold: #C5964A;        /* backgrounds & accents. Use NAVY text on it, never white. */
  --gold-dark: #8A6429;   /* gold text on light backgrounds */
  --gold-soft: #E3C58F;   /* gold text on navy */
  --ink: #1F2328;
  --charcoal: #57514B;
  --muted: #5F6670;
  --line: #E4DED0;
  --live: #C62828;        /* LIVE red, darkened so white text passes AA */
  --ok: #1E7B3A;

  /* Type */
  --font-head: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: .8125rem;   /* 13 */
  --fs-sm: .875rem;    /* 14 */
  --fs-base: 1rem;     /* 16 */
  --fs-md: 1.125rem;   /* 18 */
  --fs-lg: 1.25rem;    /* 20 */
  --fs-xl: 1.5rem;     /* 24 */
  --fs-2xl: clamp(1.625rem, 1.2rem + 1.5vw, 2rem);   /* section titles */
  --fs-3xl: clamp(2rem, 1.2rem + 3vw, 3.25rem);      /* hero */
  --lh-body: 1.6;
  --lh-head: 1.15;

  /* Space (4px base) */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem;

  /* Shape */
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(27,45,69,.08);
  --shadow-md: 0 10px 24px rgba(27,45,69,.10);

  /* Layout */
  --container: 1120px;
  --gutter: 20px;
  --header-h: 72px;
}