/* Monterrosa Tax — v4 "a real local office" tokens (Dan's brief, 2026-09-05).
   Navy for structure, warm white for most of the page, gold for buttons and rules. */
:root {
  --navy: #0f2742;
  --navy-900: #0a1c30;
  --ink: #1c2430;
  --muted: #5b6573;
  --line: rgba(15, 39, 66, .14);
  --gold: #c9962e;
  --gold-dark: #a97a1f;
  --gold-tint: #fbf3e0;
  --white: #ffffff;
  --paper: #faf8f3;
  --paper-2: #f3efe7;
  --ok: #1f6b3a;
  --warn: #9a6700;
  --danger: #b3261e;

  --font: "Manrope", "Segoe UI", Arial, sans-serif;

  --t-12: 12px; --t-14: 14px; --t-16: 16px; --t-18: 18px; --t-20: 20px; --t-24: 24px;
  --t-30: 30px; --t-36: 36px; --t-48: 48px; --t-60: 60px;

  --s-4: 4px; --s-8: 8px; --s-12: 12px; --s-16: 16px; --s-24: 24px; --s-32: 32px;
  --s-40: 40px; --s-48: 48px; --s-64: 64px; --s-80: 80px; --s-96: 96px;

  --gutter: var(--s-24);
  --section-y: var(--s-64);
  --max: 1200px;
  --tap: 48px;
  --r: 8px;
  --shadow: 0 8px 24px rgba(15, 39, 66, .10);
  --ease: cubic-bezier(.32, .72, 0, 1);
  --dur: 240ms;

  --fs-h1: var(--t-36);
  --fs-h2: var(--t-30);
  --fs-h3: var(--t-20);
  --fs-lead: var(--t-18);
  --fs-body: var(--t-16);
}
@media (min-width: 768px) {
  :root { --gutter: var(--s-40); --section-y: var(--s-80); --fs-h1: var(--t-48); --fs-h2: var(--t-36); --fs-h3: var(--t-24); --fs-lead: var(--t-20); }
}
@media (min-width: 1200px) {
  :root { --gutter: var(--s-48); --section-y: var(--s-96); --fs-h1: var(--t-60); }
}