/* Handoff Systems — design tokens
   Source of truth: /brand/BRAND-GUIDE.md §8 (palette) and §9 (type).
   Hex values are final. Do not add colors outside this set. */

:root {
  /* Palette */
  --color-navy:  #1F3A56; /* Primary: nav, H1/H2, primary buttons, wordmark */
  --color-teal:  #476B79; /* Secondary: step badges, links, icon strokes, hover */
  --color-brass: #C68A30; /* Accent: one CTA or highlight per screen */
  --color-paper: #F6F6F5; /* Background */
  --color-white: #FFFFFF; /* Surface: cards, panels, inputs */
  --color-ink:   #1D252B; /* Text */
  --color-slate: #5F6B77; /* Muted: captions, labels, dividers at 30% */

  /* Derived (opacity only, never new hues) */
  --border-card:    rgba(95, 107, 119, 0.20); /* Slate 20% */
  --border-divider: rgba(95, 107, 119, 0.30); /* Slate 30% */
  --border-on-navy: rgba(246, 246, 245, 0.18);

  /* Type */
  --font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --text-body: 1.0625rem;  /* 17px */
  --text-small: 0.875rem;  /* 14px */
  --text-label: 0.9375rem; /* 15px */
  --text-h3: 1.375rem;     /* 22px */
  --text-h2: clamp(1.875rem, 1.5rem + 1.2vw, 2rem);   /* 30–32px */
  --text-h1: clamp(2.5rem, 2rem + 1.8vw, 3rem);       /* 40–48px */

  /* Layout */
  --container: 1120px;
  --measure: 66ch;
  --radius: 8px;
  --radius-lg: 14px;
  --space-section: clamp(4rem, 6vw, 6.5rem);
}