/* Colores del sistema. Oscuro por defecto; claro si el sistema lo pide o si el usuario lo elige
   (html[data-theme]). Los colores del mapa de chapa son iguales en ambos temas. */
:root{
  color-scheme:dark; --logo-ink:#eceaf6; --logo-fire:#ff4d12;
  --bg:#1d2025; --panel:#262a31; --panel2:#22262c; --line:#383d46; --text:#e7e9ee; --muted:#9aa1ad;
  --acc:#ff5a1f; --acc-text:#1b1b1b; --btn:#323843; --btn-hover:#556070; --on:#4a3a24; --on-text:#fff;
  --canvas:#15171a; --ok:#4cd07d; --bad:#e5394a;
  --okbg:#1d3326; --okline:#2f6b45; --badbg:#3a1f23; --badline:#7a2e37; --warn:#f5c518; --warnbg:#3a3220;
  --drop:#555c68; --dropbg:#2e2a24; --shade:rgba(0,0,0,.55); --hero-shade:rgba(12,13,16,.62);
  --manual:#17a9f0; --manualcut:#f6b8c3; --manualcut2:#fbdde2; --paper2:#d9d6cf; --metal:#4a515c; --bridge:#ff8a1f; --float:#e5394a; --thin:#f5c518; --slot:#8f6bff; --paper:#f3f0e8;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme=dark]){
    color-scheme:light; --logo-ink:#28254f; --logo-fire:#f63b00;
    --bg:#f3f4f6; --panel:#ffffff; --panel2:#f7f8fa; --line:#d6dae0; --text:#1d2025; --muted:#5b6370;
    --acc:#f63b00; --acc-text:#fff; --btn:#eef0f3; --btn-hover:#9aa3b0; --on:#ffe7cf; --on-text:#1d2025;
    --canvas:#e4e6ea; --ok:#1f9d55; --bad:#c8283a;
    --okbg:#e6f6ec; --okline:#9fd5b3; --badbg:#fdecee; --badline:#f0a9b2; --warn:#a87800; --warnbg:#fff4d6;
    --drop:#b8bec8; --dropbg:#fff3e6; --shade:rgba(20,22,26,.35); --hero-shade:rgba(12,13,16,.5);
  }
}
:root[data-theme=light]{
  color-scheme:light; --logo-ink:#28254f; --logo-fire:#f63b00;
  --bg:#f3f4f6; --panel:#ffffff; --panel2:#f7f8fa; --line:#d6dae0; --text:#1d2025; --muted:#5b6370;
  --acc:#f63b00; --acc-text:#fff; --btn:#eef0f3; --btn-hover:#9aa3b0; --on:#ffe7cf; --on-text:#1d2025;
  --canvas:#e4e6ea; --ok:#1f9d55; --bad:#c8283a;
  --okbg:#e6f6ec; --okline:#9fd5b3; --badbg:#fdecee; --badline:#f0a9b2; --warn:#a87800; --warnbg:#fff4d6;
  --drop:#b8bec8; --dropbg:#fff3e6; --shade:rgba(20,22,26,.35); --hero-shade:rgba(12,13,16,.5);
}
.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)}
.lg-ink{fill:var(--logo-ink)}.lg-fire{fill:var(--logo-fire)}
svg.logo{display:block;fill-rule:evenodd;clip-rule:evenodd}