/* Koi HQ — Vercel-style dark overlay for Langfuse. Re-skins Langfuse's own
   dark palette to pure-black + Geist; injected via nginx sub_filter. */
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/koi-asset/Geist-Variable.woff2") format("woff2");}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/koi-asset/GeistMono-Variable.woff2") format("woff2");}

:root, .dark, [data-theme="dark"], [data-theme="light"] {
  /* Vercel neutral scale (HSL triplets, matching Langfuse's hsl(var(--x)) usage) */
  --background: 0 0% 0%;
  --foreground: 0 0% 93%;
  --card: 0 0% 3.9%;
  --card-foreground: 0 0% 93%;
  --popover: 0 0% 4.5%;
  --popover-foreground: 0 0% 96%;
  --header: 0 0% 2%;
  --header-foreground: 0 0% 93%;
  --muted: 0 0% 10%;
  --muted-foreground: 0 0% 56%;
  --secondary: 0 0% 9%;
  --secondary-foreground: 0 0% 93%;
  --tertiary: 0 0% 14%;
  --tertiary-foreground: 0 0% 93%;
  --accent: 0 0% 12%;
  --accent-foreground: 0 0% 98%;
  --border: 0 0% 15%;
  --input: 0 0% 17%;
  --ring: 212 100% 47%;
  /* Vercel blue accent */
  --primary-accent: 212 100% 47%;
  --hover-primary-accent: 212 100% 60%;
  --muted-primary-accent: 212 90% 62%;
  /* sidebar: near-black like Vercel chrome */
  --sidebar-background: 0 0% 2.5%;
  --sidebar-foreground: 0 0% 80%;
  --sidebar-primary: 0 0% 93%;
  --sidebar-primary-foreground: 0 0% 0%;
  --sidebar-accent: 0 0% 10%;
  --sidebar-accent-foreground: 0 0% 96%;
  --sidebar-border: 0 0% 13%;
  --sidebar-ring: 212 100% 47%;
  --radius: 0.5rem;
  /* fonts flow through these tokens across the whole app */
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --default-font-family: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --default-mono-font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html, body { background-color: #000; color-scheme: dark; }
::selection { background: rgba(0,112,243,.35); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #262626; border-radius: 8px; border: 2px solid #000; }
::-webkit-scrollbar-thumb:hover { background: #383838; }