/* ============================================================
   DESIGN TOKENS
   Single source of truth for colors, type and easing used
   across every section of the Landing Page.
============================================================ */
:root{
  --font-display: 'Bricolage Grotesque', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;

  --color-red: #B3241C;
  --color-red-light: #CC382E;
  --color-white: #FFFFFF;
  --color-soft-white: #D7D7D7;
  --color-ink: #0A0A0A;

  --color-glow-blue: #2E6FE0;
  --color-glow-blue-light: #5B93FF;

  /* --color-nav-bg stays dark — it now only paints the full-screen
     mobile drawer, which is intentionally kept as a solid dark panel
     for contrast/focus rather than glass. The top navbar itself is a
     light frosted-glass panel (see navbar.css), so its text/border
     tokens read as warm dark ink instead of the old near-white. */
  --color-nav-bg: #2A1410;
  --color-nav-text: #2F241B;
  --color-nav-muted: #766A5E;
  --color-nav-border: rgba(47,36,27,0.14);

  /* The navbar is back in normal document flow (position:sticky in
     navbar.css) — a full-width edge-to-edge bar, not a floating
     overlay. --nav-h is simply its own height: Hero subtracts it
     (hero.css) so Hero starts immediately below with zero gap/overlap,
     and it's reused everywhere else that needs to clear it —
     scroll-padding-top (anchor jumps) and the Services pinned
     exhibition's own top-clearance math. */
  --nav-h: 72px;
  --content-max: 750px;

  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
}