/* ═══════════ Lienzo · sistema de diseño ═══════════
   Escala morada (marca) + neutros con matiz violeta. Los nombres antiguos (--bg, --panel, --ink…)
   siguen existiendo como alias para no romper el resto de estilos. */
:root{
  /* marca */
  --p-50:#f6f3ff;--p-100:#ede8ff;--p-200:#ddd4ff;--p-300:#c4b5fd;--p-400:#a78bfa;--p-500:#8b5cf6;--p-600:#7c3aed;--p-700:#6d28d9;--p-800:#5b21b6;--p-900:#3b1a78;
  /* semánticos */
  --ok:#16a34a;--warn:#d97706;--info:#2563eb;--danger:#e11d48;
  /* tipografía */
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fs-xs:11.5px;--fs-sm:12.5px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:34px;
  /* espaciado y forma */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;
  /* movimiento */
  --ease:cubic-bezier(.2,.8,.2,1);--dur-1:120ms;--dur-2:200ms;--dur-3:320ms;
  /* layout */
  --side:244px;--topbar:54px;

  /* tema claro */
  --bg:#f7f6fb;--panel:#ffffff;--panel-2:#faf9ff;--ink:#17142a;--muted:#6a6585;--line:#e9e6f3;--line-strong:#d9d4ea;
  --accent:var(--p-600);--accent-2:var(--p-700);--accent-soft:var(--p-100);--accent-ink:var(--p-700);--dot:#d6d1e6;
  --sh-1:0 1px 2px rgba(23,20,42,.06),0 1px 3px rgba(23,20,42,.05);
  --sh-2:0 6px 20px rgba(23,20,42,.08),0 2px 6px rgba(23,20,42,.05);
  --sh-3:0 18px 50px rgba(23,20,42,.16),0 4px 14px rgba(23,20,42,.08);
  --shadow:var(--sh-2);--ring:0 0 0 3px rgba(124,58,237,.28);
  --side-bg:#fbfaff;--hero:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0d0b17;--panel:#161328;--panel-2:#1b1832;--ink:#ece9f8;--muted:#9a94b8;--line:#292544;--line-strong:#383260;
  --accent:var(--p-500);--accent-2:var(--p-400);--accent-soft:#2b2252;--accent-ink:#cfc3ff;--dot:#2a2646;
  --sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 8px 24px rgba(0,0,0,.45);--sh-3:0 22px 60px rgba(0,0,0,.6);--shadow:var(--sh-2);--ring:0 0 0 3px rgba(167,139,250,.35);
  --side-bg:#120f22;--hero:linear-gradient(135deg,#4c1d95 0%,#6d28d9 55%,#8b5cf6 100%);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0d0b17;--panel:#161328;--panel-2:#1b1832;--ink:#ece9f8;--muted:#9a94b8;--line:#292544;--line-strong:#383260;
  --accent:var(--p-500);--accent-2:var(--p-400);--accent-soft:#2b2252;--accent-ink:#cfc3ff;--dot:#2a2646;
  --sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 8px 24px rgba(0,0,0,.45);--sh-3:0 22px 60px rgba(0,0,0,.6);--shadow:var(--sh-2);--ring:0 0 0 3px rgba(167,139,250,.35);
  --side-bg:#120f22;--hero:linear-gradient(135deg,#4c1d95 0%,#6d28d9 55%,#8b5cf6 100%);
  color-scheme:dark;
}