/* ============================================================================
   AIBT Agentic Console — design tokens
   Indigo accent · cool-biased neutrals · semantic set kept separate from accent.
   Theme is driven by prefers-color-scheme AND an explicit data-theme override
   (set by the theme toggle) so both directions win over the media query.
   ========================================================================== */
:root{
  /* neutrals (cool-biased, chosen not defaulted) */
  --ground:#F6F7F9; --surface:#FFFFFF; --surface-2:#FBFBFD; --sunken:#EEF0F4;
  --ink:#181A20; --ink-2:#4A4F5C; --ink-3:#7A8091;
  --line:#E4E7EC; --line-2:#EDEFF3;

  /* single accent (spend boldness here only) */
  --accent:#5457D6; --accent-ink:#3E41B8; --accent-wash:#EEEEFB;

  /* semantic — deliberately NOT the accent hue */
  --good:#1F9D6B; --good-wash:#E6F5EE;
  --warn:#C08422; --warn-wash:#FBF1DE;
  --crit:#D14A3C; --crit-wash:#FBE9E6;
  --sky:#0E8FA8;  --sky-wash:#E3F3F6;
  --plum:#8A4FBF; --plum-wash:#F1E9F8;

  --shadow:0 1px 2px rgba(20,22,30,.05),0 8px 24px -12px rgba(20,22,30,.14);
  --shadow-lg:0 12px 40px -12px rgba(20,22,30,.28);

  --r:10px; --r-sm:7px; --r-lg:16px;
  --mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Menlo,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  --fs-xs:11.5px; --fs-sm:12.5px; --fs-base:13.5px; --fs-md:15px; --fs-lg:17px; --fs-xl:21px;
}

/* dark palette — same tokens, redefined once; components never restyle inside the media query */
@media (prefers-color-scheme:dark){
  :root{
    --ground:#0F1116; --surface:#171A21; --surface-2:#1B1E26; --sunken:#12141A;
    --ink:#E9EBF0; --ink-2:#AEB4C2; --ink-3:#767D8E;
    --line:#272B34; --line-2:#20242C;
    --accent:#7A7DF0; --accent-ink:#9A9CF6; --accent-wash:#20223A;
    --good:#3FB985; --good-wash:#14261F;
    --warn:#DBA042; --warn-wash:#2A2314;
    --crit:#E36B5C; --crit-wash:#2C1815;
    --sky:#3BB6CC; --sky-wash:#12242A;
    --plum:#B074E0; --plum-wash:#241830;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.6);
    --shadow-lg:0 16px 48px -14px rgba(0,0,0,.7);
  }
}
:root[data-theme="light"]{
  --ground:#F6F7F9; --surface:#FFFFFF; --surface-2:#FBFBFD; --sunken:#EEF0F4;
  --ink:#181A20; --ink-2:#4A4F5C; --ink-3:#7A8091; --line:#E4E7EC; --line-2:#EDEFF3;
  --accent:#5457D6; --accent-ink:#3E41B8; --accent-wash:#EEEEFB;
  --good:#1F9D6B; --good-wash:#E6F5EE; --warn:#C08422; --warn-wash:#FBF1DE;
  --crit:#D14A3C; --crit-wash:#FBE9E6; --sky:#0E8FA8; --sky-wash:#E3F3F6;
  --plum:#8A4FBF; --plum-wash:#F1E9F8;
  --shadow:0 1px 2px rgba(20,22,30,.05),0 8px 24px -12px rgba(20,22,30,.14);
  --shadow-lg:0 12px 40px -12px rgba(20,22,30,.28);
}
:root[data-theme="dark"]{
  --ground:#0F1116; --surface:#171A21; --surface-2:#1B1E26; --sunken:#12141A;
  --ink:#E9EBF0; --ink-2:#AEB4C2; --ink-3:#767D8E; --line:#272B34; --line-2:#20242C;
  --accent:#7A7DF0; --accent-ink:#9A9CF6; --accent-wash:#20223A;
  --good:#3FB985; --good-wash:#14261F; --warn:#DBA042; --warn-wash:#2A2314;
  --crit:#E36B5C; --crit-wash:#2C1815; --sky:#3BB6CC; --sky-wash:#12242A;
  --plum:#B074E0; --plum-wash:#241830;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.6);
  --shadow-lg:0 16px 48px -14px rgba(0,0,0,.7);
}