/* Paleta y temas. Todo color de la consola sale de estas variables:
   :root define el tema claro, y los dos bloques siguientes lo redefinen
   para el tema oscuro (del sistema y elegido a mano) */

:root{
  --bg:#F6F5F8; --surface:#FFFFFF; --surface-2:#F0EFF4; --surface-3:#E9E7EF;
  --border:#E2E0E8; --border-strong:#C9C6D4;
  --text:#17161C; --muted:#5C5A69; --faint:#8A8796;
  --accent:#2B44C8; --accent-hover:#2337A6; --accent-ink:#FFFFFF; --accent-soft:#E9EBFB;
  --ok:#0E7A54; --ok-bg:#E1F3EB; --ok-bd:#B7DFCC;
  --warn:#8F6100; --warn-bg:#FBEFD8; --warn-bd:#EBD4A3;
  --err:#B5342C; --err-bg:#FBE7E5; --err-bd:#EFC3BE;
  --slate:#4E5668; --slate-bg:#E8E9EE; --slate-bd:#D2D4DD;
  --chat-bg:#EDE7DF; --bubble:#FFFFFF; --bubble-bd:#E0DAD2;
  --shadow:0 1px 2px rgba(20,18,30,.05), 0 8px 24px -12px rgba(20,18,30,.18);
  --radius:10px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0F0E13; --surface:#17161D; --surface-2:#1E1D26; --surface-3:#26242F;
    --border:#2A2833; --border-strong:#3B3946;
    --text:#EEECF2; --muted:#A5A2B1; --faint:#787587;
    --accent:#8A9BFF; --accent-hover:#A6B2FF; --accent-ink:#0F0E13; --accent-soft:#1E2140;
    --ok:#4FCB96; --ok-bg:#122A20; --ok-bd:#1E4636;
    --warn:#E8B04B; --warn-bg:#2C2312; --warn-bd:#4A3C1B;
    --err:#F08279; --err-bg:#2F1A18; --err-bd:#4E2A26;
    --slate:#9AA3B8; --slate-bg:#20222B; --slate-bd:#333744;
    --chat-bg:#12100E; --bubble:#1F1D1A; --bubble-bd:#2E2B27;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 28px -12px rgba(0,0,0,.7);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0F0E13; --surface:#17161D; --surface-2:#1E1D26; --surface-3:#26242F;
  --border:#2A2833; --border-strong:#3B3946;
  --text:#EEECF2; --muted:#A5A2B1; --faint:#787587;
  --accent:#8A9BFF; --accent-hover:#A6B2FF; --accent-ink:#0F0E13; --accent-soft:#1E2140;
  --ok:#4FCB96; --ok-bg:#122A20; --ok-bd:#1E4636;
  --warn:#E8B04B; --warn-bg:#2C2312; --warn-bd:#4A3C1B;
  --err:#F08279; --err-bg:#2F1A18; --err-bd:#4E2A26;
  --slate:#9AA3B8; --slate-bg:#20222B; --slate-bd:#333744;
  --chat-bg:#12100E; --bubble:#1F1D1A; --bubble-bd:#2E2B27;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 28px -12px rgba(0,0,0,.7);
  color-scheme:dark;
}