/*
  A Senior Journey theme. Palette and type lifted from the v2 design
  handoff (brand-vitals-from-austin.md + Claude Design v2 bundle).

  Brand blue #1577a8, deep blue #105378, body text #3e3e3e on white,
  soft sky #bed7eb for tinted sections. Vollkorn serif for body and
  headings, PT Sans for UI labels, Unica One for small caps eyebrows.

  Note: `:root:root` bumps specificity above the global.css `:root` block so
  the theme wins regardless of source order. In Vite dev mode, global.css
  is injected as an inline <style> AFTER the theme <link>, so plain :root
  selectors lose the cascade. Doubled selector fixes that in both dev and prod.
*/
:root:root {
  --color-background: #ffffff;
  --color-foreground: #212934;
  --color-primary: #1577a8;
  --color-primary-hover: #105378;
  --color-primary-foreground: #ffffff;
  --color-accent: #bed7eb;
  --color-muted: #f6f6f6;
  --color-muted-foreground: #747474;
  --color-border: #e0dede;
  --color-navy: #072c5e;
  --color-sky: #bed7eb;
  --color-pale-teal: #d0e2e2;
  --color-body: #3e3e3e;

  --font-body: "Vollkorn", Verdana, Geneva, serif;
  --font-display: "Vollkorn", Verdana, Geneva, serif;
  --font-ui: "PT Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-eyebrow: "Unica One", "PT Sans", system-ui, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}