:root {
  /* Color — derived from the PUAHS crest: deep navy field, metallic gold trim, ivory ground */
  --color-primary: #122A52;      /* deep navy from crest ring */
  --color-primary-dark: #0B1C38; /* darker navy for footer / high contrast */
  --color-accent: #B8912F;       /* muted gold from crest lettering, deliberately less shiny than "gold" */
  --color-accent-soft: #E8DCB8;  /* pale gold for subtle fills */
  --color-bg: #F7F7F5;           /* cool ivory, not the cliché warm cream */
  --color-surface: #FFFFFF;
  --color-text: #1B2130;
  --color-text-muted: #5B6472;
  --color-border: #E3E4E1;
  --color-success: #1E7F4D;
  --color-warning: #A6720C;
  --color-error: #B3261E;

  /* Type */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;

  --fs-h1: clamp(2.2rem, 4.5vw, 3.6rem);
  --fs-h2: clamp(1.6rem, 3vw, 2.4rem);
  --fs-h3: 1.3rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Spacing scale (multiples of 8px) */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 96px;
  --sp-8: 128px;

  --radius: 4px;
  --radius-lg: 8px;
  --shadow-sm: 0 1px 3px rgba(11,28,56,0.08);
  --shadow-md: 0 8px 24px rgba(11,28,56,0.10);
  --max-width: 1180px;
  --transition: 180ms ease;
}