/* ==========================================================================
   tokens.css — the design system
   Palette lifted straight from internal/theme/palette.go → "signal" (dark).
   Fourteen named colours, exactly as the TUI derives its styles: the website
   and the terminal are the same product, so they share the same ink.
   ========================================================================== */

/* ---- Inter --------------------------------------------------------------- */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;
  src:url("../vendor/fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;
  src:url("../vendor/fonts/inter-500.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;
  src:url("../vendor/fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;
  src:url("../vendor/fonts/inter-700.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;
  src:url("../vendor/fonts/inter-800.woff2") format("woff2")}

/* ---- JetBrains Mono ------------------------------------------------------ */
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url("../vendor/fonts/jetbrains-mono-400.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;
  src:url("../vendor/fonts/jetbrains-mono-500.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;
  src:url("../vendor/fonts/jetbrains-mono-700.woff2") format("woff2")}

:root{
  /* — palette (signal, dark half) — */
  --accent:#91A2FF;        /* indigo signal   */
  --accent-soft:#566184;
  --accent-2:#62D6CC;      /* teal, machine work */
  --text:#E7EBF3;
  --muted:#9AA5B5;
  --subtle:#505A6A;
  --success:#5EE0A0;
  --warning:#F3B45F;
  --danger:#FF7A90;
  --user:#FFB46B;          /* the operator */
  --user-bg:#39291D;

  /* — surfaces — */
  --bg:#08090D;
  --bg-2:#0B0D14;
  --bg-3:#0F121B;
  --panel:#11141D;
  --panel-2:#151926;
  --line:rgba(145,162,255,.14);
  --line-2:rgba(145,162,255,.28);
  --glass:rgba(17,20,29,.72);

  /* — type — */
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* — rhythm — */
  --wrap:1200px;
  --pad:clamp(20px,5vw,48px);
  --r-sm:8px;
  --r-md:14px;
  --r-lg:22px;
  --r-xl:30px;

  /* — motion — */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.55s;

  /* — glow — */
  --glow-accent:0 0 0 1px rgba(145,162,255,.25), 0 18px 60px -18px rgba(145,162,255,.45);
  --glow-teal:0 18px 60px -22px rgba(98,214,204,.5);
}

/* Selection and scrollbar belong to the palette too. */
::selection{background:rgba(145,162,255,.32);color:#fff}
*{scrollbar-color:var(--accent-soft) transparent;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#232838;border-radius:99px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--accent-soft)}