/* Navey design tokens, October 2026. Source of truth for navey.app and the Navey app. */
:root {
  /* Brand */
  --navey-blue: #456283;   /* primary: wordmark, links, primary actions */
  --harbor:     #2B3E52;   /* deep: headlines, dark surfaces, footer, buttons */
  --steel:      #7289A1;   /* secondary: icons, figure gradient, muted text on dark */
  --mist:       #95A9BD;   /* tint: borders, gridlines, disabled */
  --haze:       #DCE4EC;   /* pale surface: ring track, selected tint, dividers */
  --shell:      #F6F5F1;   /* canvas: page and app background */
  --white:      #FFFFFF;   /* cards and sheets */
  --ink:        #1F2A36;   /* body text */
  --mulberry:   #6E4A68;   /* contrast accent: one word, one moment, <5% of a surface; never on the mark or ring */
  --mulberry-tint: #EFE6EE;

  /* Severity (HELP Score bands, HER Foundation: <20 mild, 20–32 moderate, 33–60 severe) */
  --mild:          #5F8F7E;  --mild-text:     #3F6B5A;  --mild-tint:     #E7EFEB;
  --moderate:      #C4848C;  --moderate-text: #9E5C66;  --moderate-tint: #F6E6E8;
  --severe:        #8C4A5E;  --severe-text:   #7A3E50;  --severe-tint:   #EFE0E4;

  /* Type */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body:    "Albert Sans", "Helvetica Neue", Arial, sans-serif;
  --text-xs: 0.75rem;  --text-sm: 0.875rem; --text-md: 1rem;    --text-lg: 1.125rem;
  --text-xl: 1.375rem; --text-2xl: 1.75rem; --text-3xl: 2.25rem; --text-4xl: 3rem; --text-5xl: 4rem;
  --score: 4.5rem;     /* HELP Score numeral in the ring */
  --leading-tight: 1.1; --leading-body: 1.55;
  --tracking-label: 0.08em; --tracking-tagline: 0.18em;

  /* Shape and space */
  --radius-card: 20px; --radius-tile: 16px; --radius-pill: 999px; --radius-icon: 22%;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --ring-stroke: 12px;
  --shadow-card: 0 1px 2px rgba(43,62,82,.06), 0 8px 24px rgba(43,62,82,.06);
}