/* =====================================================================
   Tokens — colors, type, and spacing. No raw color values should appear
   in the other CSS files; add a token here instead of a one-off.
   ===================================================================== */

/* Fonts served from this domain: no render-blocking @import, no
   third-party CDN dependency at request time. */
@font-face {
  font-family: 'Space Grotesk';
  src: url('../fonts/space-grotesk-latin.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Mono';
  src: url('../fonts/dm-mono-400-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Mono';
  src: url('../fonts/dm-mono-500-latin.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #000000;
  --panel: #0c0b11;
  --panel-2: #12101a;
  --line: rgba(255,255,255,.11);

  /* Text: four real steps, and only these four. Every muted/secondary
     color in the page comes from one of them. */
  --white: #f8f7fb;   /* primary text */
  --soft: #d8d5e2;    /* secondary body copy (model-chip labels) */
  --muted: #9c99aa;   /* support text, nav links, labels */
  --muted-2: #7c7988; /* metadata / tertiary — the dimmest step */

  --purple: #8b45ff;
  --purple-hover: #7a35ee;
  --purple-2: #c28cff;
  --cyan: #78e4e7;
  --green: #a9ecb8;

  --sans: 'Space Grotesk', Inter, system-ui, sans-serif;
  --mono: 'DM Mono', monospace;
  --max: 1200px;

  /* Neutral elevation shadow — for lift/depth that isn't a brand glow.
     Colored glow is reserved for the hero node, the primary CTA's hover
     state, and functional focus states; everything else elevates with
     this instead. */
  --shadow: 0 14px 34px -16px rgba(0,0,0,.55);
}