/* ---------------------------------------------------------------------
   shared/tokens.css
   Design tokens + base reset shared by every route. Route-specific things
   (::selection color, keyframes, max-width wrapper) stay in each route's
   own stylesheet since they genuinely differ per route.
--------------------------------------------------------------------- */

:root {
  --accent: #FF3A1D;
  --accent-2: #FF8300;
  --wa: #25D366;
  --wa-ink: #04220f;
  --ink: #15151C;
  --bg-dark: #0B0B10;
  --bg-darker: #08080C;
  --bg-light: #F7F5F3;
  --border: #ECEAE6;
  --border-2: #E4E0DA;
  --muted: #5C5C66;
  --muted-2: #7C7870;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font-body); color: var(--ink); background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; }
button { font: inherit; }
[hidden] { display: none !important; }