/* Tokens de Lienzo · DISENO §8.1 (claro por defecto, oscuro automático o con data-theme)
   Viene del prototipo (app/prototipo/index.html); la referencia de diseño es app/DISENO.md. */
:root{
  --bg:#f5f5f7;--bg-2:#ffffff;--bg-3:#ebebef;
  --fg:#1d1d1f;--fg-2:#6e6e73;--fg-3:#8a8a90;
  --line:rgba(29,29,31,.08);--line-2:rgba(29,29,31,.14);
  --acc:#0a66d6;--acc-suave:rgba(10,102,214,.14);
  --ok:#1a7f4b;--err:#c4001a;--warn:#a15c00;--warn-bg:rgba(214,140,0,.12);
  --vidrio:rgba(255,255,255,.72);--vidrio-borde:rgba(255,255,255,.65);
  --sh-1:0 1px 2px rgba(0,0,0,.04),0 8px 24px -12px rgba(0,0,0,.12);
  --sh-2:0 30px 80px -40px rgba(0,0,0,.28);
  --sh-3:0 50px 120px -50px rgba(0,0,0,.38);
  --r-s:12px;--r:18px;--r-l:28px;--r-xl:36px;
  --fs:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --fserif:"Instrument Serif",Georgia,serif;
  --fm:"JetBrains Mono",ui-monospace,monospace;
  --ti:linear-gradient(100deg,#7d7d82 0%,#b9b9be 18%,#8e8e93 34%,#cdcdd2 52%,#86868b 68%,#bdbdc2 84%,#8a8a8f 100%);
  --ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);--spring:cubic-bezier(.34,1.45,.64,1);
  --barra:64px;--dockh:84px;--focus:var(--acc);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000;--bg-2:#0f0f11;--bg-3:#1c1c1e;--fg:#f5f5f7;--fg-2:#98989d;--fg-3:#636366;
  --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--acc:#2997ff;--acc-suave:rgba(41,151,255,.18);
  --ok:#30d158;--err:#ff453a;--warn:#ffb340;--warn-bg:rgba(255,179,64,.12);
  --vidrio:rgba(22,22,24,.7);--vidrio-borde:rgba(255,255,255,.08);
  --sh-1:0 1px 2px rgba(0,0,0,.5),0 8px 24px -12px rgba(0,0,0,.6);
  --ti:linear-gradient(100deg,#8e8e93 0%,#d6d6db 20%,#9d9da2 38%,#e6e6ea 56%,#a2a2a7 76%,#d0d0d5 100%);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#000;--bg-2:#0f0f11;--bg-3:#1c1c1e;--fg:#f5f5f7;--fg-2:#98989d;--fg-3:#636366;
  --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--acc:#2997ff;--acc-suave:rgba(41,151,255,.18);
  --ok:#30d158;--err:#ff453a;--warn:#ffb340;--warn-bg:rgba(255,179,64,.12);
  --vidrio:rgba(22,22,24,.7);--vidrio-borde:rgba(255,255,255,.08);
  --sh-1:0 1px 2px rgba(0,0,0,.5),0 8px 24px -12px rgba(0,0,0,.6);
  --ti:linear-gradient(100deg,#8e8e93 0%,#d6d6db 20%,#9d9da2 38%,#e6e6ea 56%,#a2a2a7 76%,#d0d0d5 100%);
  color-scheme:dark}