/* SegurCom 7.5.1 — tokens (colores, radios, espacios, alturas, letras).
   Generado desde el Design System "SegurCom" (tokens.json). No editar a mano: si cambia un valor, se cambia en el sistema de diseño.
   Cargar ANTES de app.css y panel.css:  <link rel="stylesheet" href="css/tokens.css">
   Fuentes: https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap */
:root{
  color-scheme:light;
  --brand:#0062A1;
  --brand-700:#004B7C;
  --brand-800:#003A61;
  --brand-900:#002A47;
  --brand-50:#EAF3FA;
  --brand-100:#D3E6F4;
  --brand-200:#A9CDE8;
  --bg:#EEF3F8;
  --surface:#FFFFFF;
  --panel:#F6F9FC;
  --hover:#EEF3F8;
  --skeleton:#E2E9F1;
  --primary:#0062A1;
  --primary-press:#004B7C;
  --primary-soft:#E6F0F8;
  --on-primary:#FFFFFF;
  --on-brand:#FFFFFF;
  --side-top:#0068AA;
  --side-bottom:#004B7C;
  --text:#132235;
  --text-2:#55677C;
  --text-3:#5F6F82;
  --border:#DDE5EE;
  --field:#FFFFFF;
  --field-border:#C9D5E2;
  --field-border-hover:#93A6BB;
  --success:#15803D;
  --on-success:#FFFFFF;
  --success-soft:#DCFCE7;
  --ok-fg:#14532D;
  --warning:#B45309;
  --on-warning:#FFFFFF;
  --warning-soft:#FEF3C7;
  --warn-fg:#78350F;
  --error:#B91C1C;
  --on-error:#FFFFFF;
  --error-soft:#FEE2E2;
  --err-fg:#7F1D1D;
  --info:#0062A1;
  --info-soft:#E6F0F8;
  --info-fg:#004B7C;
  --badge:#C42B2B;
  --head-bg:#0062A1;
  --head-fg:#FFFFFF;
  --head-2:rgba(255,255,255,.78);
  --head-soft:rgba(255,255,255,.14);
  --bar-bg:rgba(255,255,255,.97);
  --toast-bg:#132235;
  --toast-fg:#FFFFFF;
  --ink-overlay:rgba(23,32,51,.78);
  --scrim:rgba(10,20,30,.45);
  --shadow:0 1px 2px rgba(0,42,71,.06), 0 1px 1px rgba(0,42,71,.03);
  --shadow-lg:0 10px 30px rgba(0,42,71,.14);
  --focus:0 0 0 3px rgba(0,98,161,.28);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-pill:999px;
  --h-btn:52px;
  --h-field:48px;
  --h-tap:44px;
  --h-chip:40px;
  --h-tab:56px;
  --w-app:680px;
  --w-side:248px;
  --dur-fast:120ms;
  --dur-base:200ms;
  --font-sans:"Inter", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"JetBrains Mono", "Roboto Mono", ui-monospace, monospace;
  --font:var(--font-sans);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme:dark; --brand-50:rgba(75,166,227,.10); --brand-100:rgba(75,166,227,.18); --bg:#0B1622; --surface:#13212F; --panel:#0F1C29; --hover:#1C2E40; --skeleton:#1F3245; --primary:#4BA6E3; --primary-press:#6DB8EA; --primary-soft:rgba(75,166,227,.14); --on-primary:#06121D; --side-top:#0E2B44; --side-bottom:#0A1F31; --text:#EEF3F8; --text-2:#A2B3C4; --text-3:#8D9EB0; --border:#243749; --field:#1A2B3C; --field-border:#2A3F53; --field-border-hover:#3B5269; --success:#2E9E63; --on-success:#06121D; --success-soft:rgba(46,158,99,.16); --ok-fg:#A7E3C3; --warning:#E8B55C; --on-warning:#06121D; --warning-soft:rgba(232,181,92,.13); --warn-fg:#F1D59A; --error:#F08080; --on-error:#06121D; --error-soft:rgba(240,128,128,.13); --err-fg:#F6B4B4; --info:#4BA6E3; --info-soft:rgba(75,166,227,.14); --info-fg:#A9D3F2; --badge:#F08080; --head-bg:#0E2639; --head-fg:#EEF3F8; --head-2:rgba(238,243,248,.72); --head-soft:rgba(255,255,255,.08); --bar-bg:rgba(19,33,47,.97); --toast-bg:#EEF3F8; --toast-fg:#0B1622; --shadow:none; --shadow-lg:0 10px 30px rgba(0,0,0,.4); --focus:0 0 0 3px rgba(75,166,227,.38);}}
:root[data-theme="dark"]{color-scheme:dark; --brand-50:rgba(75,166,227,.10); --brand-100:rgba(75,166,227,.18); --bg:#0B1622; --surface:#13212F; --panel:#0F1C29; --hover:#1C2E40; --skeleton:#1F3245; --primary:#4BA6E3; --primary-press:#6DB8EA; --primary-soft:rgba(75,166,227,.14); --on-primary:#06121D; --side-top:#0E2B44; --side-bottom:#0A1F31; --text:#EEF3F8; --text-2:#A2B3C4; --text-3:#8D9EB0; --border:#243749; --field:#1A2B3C; --field-border:#2A3F53; --field-border-hover:#3B5269; --success:#2E9E63; --on-success:#06121D; --success-soft:rgba(46,158,99,.16); --ok-fg:#A7E3C3; --warning:#E8B55C; --on-warning:#06121D; --warning-soft:rgba(232,181,92,.13); --warn-fg:#F1D59A; --error:#F08080; --on-error:#06121D; --error-soft:rgba(240,128,128,.13); --err-fg:#F6B4B4; --info:#4BA6E3; --info-soft:rgba(75,166,227,.14); --info-fg:#A9D3F2; --badge:#F08080; --head-bg:#0E2639; --head-fg:#EEF3F8; --head-2:rgba(238,243,248,.72); --head-soft:rgba(255,255,255,.08); --bar-bg:rgba(19,33,47,.97); --toast-bg:#EEF3F8; --toast-fg:#0B1622; --shadow:none; --shadow-lg:0 10px 30px rgba(0,0,0,.4); --focus:0 0 0 3px rgba(75,166,227,.38);}