/* AgentX Web Shell — design tokens.
   One source of truth: every colour, font and radius the shell uses.
   Three themes, kept as a per-node user preference (cookie `agentx_theme`,
   see theme.js; switchable from Settings → Appearance):
     (default)                 studio       — warm gold / system fonts
     [data-theme=controlplane] lime / Cormorant Garamond / JetBrains Mono
     [data-theme=console]      blue / Fraunces / IBM Plex Mono
   Agent/session state colours are deliberately constant across themes:
   accent is brand, state is state (brief §5/§9.1). */
:root{
  --bg:#0e1014;
  --bg-2:#13161c;
  --panel:#171b22;
  --panel-2:#1c212a;
  --border:#262c37;
  --border-soft:#1f242d;
  --border-strong:#33404f;   /* hovered borders */
  --focus:#3a4858;           /* focused inputs */
  --txt:#e7e9ee;
  --txt-dim:#9aa1ad;
  --txt-faint:#646b78;
  --accent:#e0a84e;          /* brand accent — wordmark / active */
  --accent-2:#d2843a;        /* gradient partner for the accent */
  --accent-soft:#3a2f1c;
  --accent-ink:#11140f;      /* text on accent fills */
  --danger:#e0584e;
  --danger-soft:#2a1614;
  --danger-text:#e0786e;
  /* agent/session state machine — constant across themes */
  --ok:#4ec98a;
  --ok-soft:#15301f;
  --busy:#e0a84e;
  --busy-soft:#3a2f1c;
  --wait:#5aa9e6;
  --wait-soft:#152838;
  --start:#c08adb;
  --start-soft:#2b1d33;
  --off:#5b626f;
  --term-bg:#0a0c10;
  --radius:12px;
  --serif:"Liberation Serif",Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,monospace;
}

[data-theme=controlplane]{
  --bg:#0a0e12; --bg-2:#0e131a; --panel:#11171f; --panel-2:#161d27;
  --border:#1c232e; --border-soft:#161c25;
  --border-strong:#2a3645; --focus:#32404f;
  --accent:#a3e635; --accent-2:#84cc16; --accent-soft:#222b13; --accent-ink:#0c1207;
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}

[data-theme=console]{
  --bg:#0e131a; --bg-2:#121823; --panel:#1a212d; --panel-2:#212a37;
  --border:#283341; --border-soft:#1f2835;
  --border-strong:#34435a; --focus:#3c4d66;
  --accent:#6ba6d8; --accent-2:#4a85bb; --accent-soft:#162636; --accent-ink:#0a1016;
  --serif:"Fraunces",Georgia,serif;
  --sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}

/* self-hosted fonts — no CDN (brief §7) */
@font-face{font-family:"IBM Plex Sans";src:url("../fonts/ibm-plex-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("../fonts/ibm-plex-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond-400italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-400italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/ibm-plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}