/*
 * Brand tokens copied verbatim from the Griffin Insurance website's
 * src/styles/global.css :root block (Google Drive file "global.css",
 * id 1mpWWkgWFNCrbNPPayQ-g8EKsy2w9dHUG, read 2026-09-27).
 * Do not re-derive these values — if the website's tokens change, re-copy them.
 */
:root {
  --navy: #0a2240;
  --navy-2: #13315c;
  --navy-deep: #06182f;
  --ink: #0e1a2b;
  --cream: #faf6ef;
  --paper: #ffffff;
  --line: #e7e1d6;
  --line-2: #dfe5ee;
  --muted: #5b6a80;
  --accent: #c89b3c;
  --accent-2: #a37e26;
  --accent-soft: #f5ebd1;
  --accent-ink: #3a2a08;
  --gold: #c89b3c;
  --green: #2f9e6f;
  --shadow: 0 8px 28px rgba(11, 37, 69, 0.1);
  --shadow-lg: 0 30px 60px rgba(0, 0, 0, 0.18);
  --radius: 16px;
  --maxw: 1200px;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-sans: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* This app does not pull the website's @fontsource packages (no bundler/build
   step here — SPEC requires "vanilla ES2020, no bundler"), so --font-display
   falls back to a system serif rather than loading Playfair Display from a
   third-party CDN not on the approved list. Colors, radius, shadow and
   spacing tokens are copied exactly. */