/* tokens.css — PlanProtectBuild design tokens */
:root {
  /* Navy base */
  --navy-950: #0a1420;
  --navy-900: #0f1c2e;
  --navy-800: #16273e;
  --navy-700: #1f3552;
  --navy-line: rgba(214, 220, 228, 0.14);

  /* Surfaces & text */
  --surface: #f7f5f0;
  --surface-alt: #eeebe3;
  --charcoal: #23272e;
  --text-muted: #555c66;
  --text-on-navy: #e6e9ee;
  --text-on-navy-muted: #b3bbc6;

  /* Platinum (headings on navy) — every stop passes AA on --navy-900 */
  --platinum: linear-gradient(100deg, #b8c0ca 0%, #f4f6f8 28%, #8e97a3 52%, #d5dae0 76%, #aab2bd 100%);
  --platinum-solid: #d5dae0;
  /* Pewter (headings on light surfaces) — every stop passes AA on --surface */
  --pewter: linear-gradient(100deg, #2b3440 0%, #5a6573 35%, #1c2430 65%, #4a5462 100%);
  --pewter-solid: #2b3440;

  /* Rustic gold */
  --gold: #b08d57;
  --gold-light: #c9a872;
  --gold-dark: #7e5f2e;      /* gold text on light surfaces */
  --gold-sheen: linear-gradient(120deg, #8a6a35 0%, #c9a872 45%, #b08d57 60%, #7e5f2e 100%);

  /* Type */
  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-300: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);
  --fs-400: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --fs-500: clamp(1.2rem, 1.1rem + 0.4vw, 1.375rem);
  --fs-600: clamp(1.6rem, 1.3rem + 1.2vw, 2.25rem);
  --fs-700: clamp(2.1rem, 1.6rem + 2.2vw, 3.25rem);
  --fs-800: clamp(2.6rem, 1.8rem + 3.6vw, 4.75rem);

  /* Layout */
  --wrap: 72rem;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2rem);
  --space-section: clamp(4rem, 3rem + 5vw, 7.5rem);
  --radius: 4px;
  --header-h: 4.5rem;

  /* Feature switch: "Compare 2027 plans online" button (Home + Medicare).
     OFF = none. To turn ON, change to: inline-flex */
  --feature-plan-compare: none;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 600ms;
}