/* ============================================================
   Tokens — the Combs house palette.

   Carried from the CombsEdge site so docs.combs.network reads as
   the same estate: near-black ground, layered surfaces, an
   achromatic text ramp with a warm accent, and hairline white
   borders instead of drawn lines.

   Values stay HSL triplets consumed as `hsl(var(--token))`, so
   alpha composes as `hsl(var(--token) / .5)`. The site's hex
   palette is given beside each line as the source of truth.
   ============================================================ */

:root {
  color-scheme: dark;

  --background: 240 23% 3%;      /* #050508 */
  --surface: 240 11% 8%;         /* #111115 */
  --surface-2: 240 10% 11%;      /* #1a1a20 */
  --surface-3: 240 11% 15%;      /* #22222a */
  --card: 240 11% 8%;            /* surface */
  --terminal: 240 26% 4%;        /* #08080d */

  --foreground: 240 10% 96%;     /* #f4f4f6 primary */
  --muted-foreground: 240 7% 71%;/* #b0b0ba muted */
  --muted-light: 240 10% 80%;    /* #c8c8d2 */
  --accent: 240 12% 92%;         /* #e8e8ed */
  --primary: 38 30% 92%;         /* #f0ebe4 accentWarm — the one warm note */
  --primary-foreground: 240 23% 3%;

  /* Hairlines. The site draws these as white at low alpha; these are
     the composited equivalents over the near-black ground. */
  --border: 240 8% 13%;
  --border-visible: 240 8% 16%;
  --border-hover: 240 8% 24%;

  --muted: 240 10% 11%;          /* surface-2, used as a fill */

  /* Motion — the site's easing, so movement feels the same. */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);

  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

@font-face {
  font-family: Inter;
  src: url("/fonts/inter-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

::selection {
  background: rgba(220, 220, 240, 0.25);
  color: #ffffff;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.12); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.20); }