/* Colores del sistema (mismos tokens que plasmacnc). Oscuro por defecto; claro si el sistema lo pide o si el usuario lo elige. */
:root{
  color-scheme:dark; --logo-ink:#eceaf6;
  --bg:#1d2025; --panel:#262a31; --panel2:#22262c; --line:#383d46; --text:#e7e9ee; --muted:#9aa1ad;
  --acc:#e0457b; --acc-text:#fff; --btn:#323843; --btn-hover:#556070; --on:#4a2635; --on-text:#fff;
  --canvas:#15171a; --ok:#4cd07d; --bad:#e5394a; --warn:#f5c518; --drop:#555c68; --dropbg:#3a2530; --shade:rgba(0,0,0,.55);
  --sel:#17a9f0; --hoop:rgba(255,255,255,.18);
}
@media (prefers-color-scheme: light){
  :root:not([data-theme=dark]){
    color-scheme:light; --logo-ink:#2a1f3d;
    --bg:#f3f4f6; --panel:#ffffff; --panel2:#f7f8fa; --line:#d6dae0; --text:#1d2025; --muted:#5b6370;
    --acc:#c2185b; --acc-text:#fff; --btn:#eef0f3; --btn-hover:#9aa3b0; --on:#fde3ec; --on-text:#1d2025;
    --canvas:#e4e6ea; --ok:#1f9d55; --bad:#c8283a; --warn:#a87800; --drop:#b8bec8; --dropbg:#fdeef3; --shade:rgba(20,22,26,.35);
    --sel:#0b7cc0; --hoop:rgba(0,0,0,.18);
  }
}
:root[data-theme=light]{
  color-scheme:light; --logo-ink:#2a1f3d;
  --bg:#f3f4f6; --panel:#ffffff; --panel2:#f7f8fa; --line:#d6dae0; --text:#1d2025; --muted:#5b6370;
  --acc:#c2185b; --acc-text:#fff; --btn:#eef0f3; --btn-hover:#9aa3b0; --on:#fde3ec; --on-text:#1d2025;
  --canvas:#e4e6ea; --ok:#1f9d55; --bad:#c8283a; --warn:#a87800; --drop:#b8bec8; --dropbg:#fdeef3; --shade:rgba(20,22,26,.35);
  --sel:#0b7cc0; --hoop:rgba(0,0,0,.18);
}
.theme-btn{background:none;border:1px solid var(--line);color:var(--text);border-radius:99px;width:32px;height:32px;padding:0;cursor:pointer;font-size:15px;line-height:30px;text-align:center}
.theme-btn:hover{border-color:var(--acc)}