/* ==========================================================================
   Golden Maple Group — brand bridge (shared)
   --------------------------------------------------------------------------
   The education/recruiting pages (/quest, /playbook, /cert, /bench, /builders)
   were built on a different design system: Fraunces + Hanken Grotesk type, an
   Anthropic-terracotta accent (#d97757), and warm brown grounds. Their source
   was never kept — only hashed production bundles — so these files re-skin them
   by REDEFINING THEIR OWN TOKENS instead of editing built CSS.

   Load order per page:
     brand-bridge.css            (this file — typography, all pages)
     brand-bridge-dark.css       OR  brand-bridge-light.css

   Those pages ship in two flavours and MUST NOT be mixed up:
     dark  -> /bench, /builders, /playbook, /cert   (ground #1c1a17)
     light -> /quest                                (ground #F7F1E3)
   Forcing dark tokens onto /quest turns its header cream-on-cream.

   Canon: forest #14261C · gold #C08A2E (deep #9A731F) · cream #F6F0DF
          Cormorant Garamond (display) over Inter (body)
   ========================================================================== */

/* --- typography: Fraunces -> Cormorant Garamond, Hanken -> Inter ---------- */
html body,
html body button,
html body input,
html body select,
html body textarea {
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body .display,
html body [class*="display"],
html body [class*="serif"] {
  font-family: "Cormorant Garamond", Georgia, serif;
  letter-spacing: -0.005em;
}

/* Those pages lean on italic display accents set in Fraunces; Cormorant's
   italic reads lighter, so nudge the weight to hold the same emphasis. */
html body h1 em, html body h2 em,
html body h1 i,  html body h2 i {
  font-style: italic;
  font-weight: 600;
}

/* Monospace carries meaning in the console/proof UI — leave it alone. */
html body code, html body pre, html body kbd, html body samp,
html body [class*="mono"] {
  font-family: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;
}

/* Shared radii to match the marketing site's softer cards. */
:root {
  --radius-lg: 12px;
}