/* ═══════════════════════════════════════════════════════════════════
   AIcentric console base — design tokens (THE RESKIN CONTRACT)

   Owner rules encoded here:
   · FLAT surfaces only — color = function not decoration
   · palette strictly white/black + functional blue/green/red
   · a reskin = replacing the two blocks below. Nothing outside this
     file may hardcode a color.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --fs-2xs:10px; --fs-xs:11px; --fs-sm:12px; --fs-base:13px; --fs-md:14px; --fs-lg:16px; --fs-xl:20px;
  --track-caps:.1em; --track-tight:-.01em;

  --bg-app:#0c0d10;
  --bg-surface:#121418;
  --bg-raised:#171a1f;
  --bg-hover:#1d2127;
  --bg-sunken:#08090b;
  --line:rgba(235,238,244,.09);
  --line-2:rgba(235,238,244,.18);
  --line-dash:rgba(235,238,244,.28);
  --sb-thumb:rgba(235,238,244,.30); --sb-thumb-hover:rgba(235,238,244,.5); --sb-thumb-active:rgba(235,238,244,.65);

  --fg:#eceef2;
  --fg-2:#a3a8b3;
  --fg-3:#6e7480;
  --fg-inv:#0c0d10;

  --acc:#3d7dff;      /* blue — primary/interactive */
  --acc-2:#7ba4ff;
  --acc-fg:#ffffff;
  --acc-wash:color-mix(in oklab,var(--acc) 14%,transparent);
  --acc-line:color-mix(in oklab,var(--acc) 40%,transparent);

  --ok:#37d492;   --ok-wash:color-mix(in oklab,var(--ok) 13%,transparent);
  --risk:#ff5d6e; --risk-wash:color-mix(in oklab,var(--risk) 13%,transparent);
  --neutral:#8a909c; --neutral-wash:rgba(235,238,244,.07);

  --wash-soft:rgba(255,255,255,.03);
  --wash-hover:rgba(255,255,255,.05);

  --r-xs:3px; --r-sm:5px; --r-md:8px; --r-lg:12px; --r-pill:999px;

  --shadow-dock:0 14px 40px rgba(0,0,0,.5);
  --shadow-pop:0 6px 18px rgba(0,0,0,.45);

  --rail-w:232px; --rail-mini:56px;
  --copilot-w:360px;
  --top-h:52px;

  --row-pad-y:11px; --row-fs:13px;
  --dur:150ms; --ease:cubic-bezier(.32,.72,.28,1);
}

[data-theme="light"]{
  --bg-app:#f6f7f9;
  --bg-surface:#ffffff;
  --bg-raised:#f0f2f5;
  --bg-hover:#e7eaef;
  --bg-sunken:#edeef2;
  --line:rgba(22,26,34,.1);
  --line-2:rgba(22,26,34,.2);
  --line-dash:rgba(22,26,34,.3);
  --sb-thumb:rgba(22,26,34,.30); --sb-thumb-hover:rgba(22,26,34,.5); --sb-thumb-active:rgba(22,26,34,.65);

  --fg:#16181d;
  --fg-2:#5b6470;
  --fg-3:#8b93a0;
  --fg-inv:#ffffff;

  --acc:#1f5fe0;
  --acc-2:#1f5fe0;
  --acc-fg:#ffffff;

  --ok:#0e9a63; --risk:#d81f36; --neutral:#757d8a;

  --wash-soft:rgba(20,24,32,.03);
  --wash-hover:rgba(20,24,32,.05);

  --shadow-dock:0 14px 40px rgba(20,26,36,.16);
  --shadow-pop:0 6px 18px rgba(20,26,36,.14);
}

/* ── base resets ───────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--bg-app);color:var(--fg);
  font:400 var(--fs-base)/1.45 var(--font-ui);
  letter-spacing:var(--track-tight);
  -webkit-font-smoothing:antialiased;
}
button,input{font:inherit;color:inherit;letter-spacing:inherit}
button{background:none;border:0;cursor:pointer;padding:0}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:var(--r-xs)}
::selection{background:var(--acc-wash)}

/* scrollbars — driven by --sb-* tokens (desktop/fine pointers only;
   touch devices get native overlay scrollbars) */
@media (pointer:fine){
  html{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:6px;border:2px solid transparent;background-clip:content-box}
  ::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-hover)}
  ::-webkit-scrollbar-thumb:active{background-color:var(--sb-thumb-active)}
}
/* touch hygiene — applies everywhere, harmless on desktop */
button,a,[role="button"],cb-chip{touch-action:manipulation;-webkit-tap-highlight-color:transparent}