/* Tokens del panel: diseño de Claude Design 2026-10-09 (Panel-Inicio). Issue #73. */
:root{--bg:#F5F8FC;--bg-glass:rgba(245,248,252,.86);--surface:#FFFFFF;--surface-2:#EAF1F8;--ink:#1B2A4A;--ink-2:#44557A;--ink-3:#5A6B8A;--line:#D8E2EE;--line-strong:#AFC0D4;--brand:#0284C7;--brand-ink:#0369A1;--brand-soft:#E0F2FE;--action:#0369A1;--action-hover:#075985;--on-action:#FFFFFF;--focus:#1D4ED8;--ok:#166534;--ok-soft:#DCFCE7;--warn:#8A4B00;--warn-soft:#FEF3C7;--danger:#B42318;--danger-soft:#FEE4E2;--on-danger:#FFFFFF;--info:#1D4ED8;--info-soft:#E3EAFD;--band:#1B2A4A;--logo-on-light:block;--logo-on-dark:none;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--shadow-1:0 1px 2px rgba(27,42,74,.06),0 1px 1px rgba(27,42,74,.04);--shadow-2:0 18px 40px -18px rgba(27,42,74,.28),0 2px 6px rgba(27,42,74,.06);--f-display:'Sora',system-ui,sans-serif;--f-body:'Inter',system-ui,sans-serif;--f-mono:'JetBrains Mono',ui-monospace,monospace}
[data-theme="dark"]{--bg:#06121F;--bg-glass:rgba(6,18,31,.84);--surface:#0B1C2F;--surface-2:#12263D;--ink:#EAF2FA;--ink-2:#B6C6D8;--ink-3:#97AAC0;--line:#1D3451;--line-strong:#33506F;--brand:#38BDF8;--brand-ink:#7DD3FC;--brand-soft:rgba(56,189,248,.12);--action:#38BDF8;--action-hover:#7DD3FC;--on-action:#06121F;--focus:#7DD3FC;--ok:#86EFAC;--ok-soft:rgba(134,239,172,.12);--warn:#FCD34D;--warn-soft:rgba(252,211,77,.12);--danger:#FDA29B;--danger-soft:rgba(253,162,155,.12);--on-danger:#3A0A06;--info:#A9C1FF;--info-soft:rgba(29,78,216,.26);--band:#0B1C2F;--logo-on-light:none;--logo-on-dark:block;--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 18px 40px -18px rgba(0,0,0,.7)}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased}
a{color:var(--brand-ink)}a:hover{color:var(--action-hover)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:root{--sky:#38BDF8;--celeste:#7DD3FC;--royal:#1D4ED8}