/* Tokens — H&S Tecnologías design system (aero / deep). Base: hs/css/tokens.css.
   v2 "Azul Eléctrico": fondo azul eléctrico derivado del logo (navy + lima). */
:root, [data-theme="aero"] {
  --sky-100: #003a8c;
  --sky-200: #00306f;
  --surface: #00306f;
  --surface-sunken: #002a63;
  --surface-tech: #0b4296;
  --gloss: #ffffff;
  --ink: #ffffff;
  --text: #eaf1fb;
  --text-muted: #c4d6f2;
  --lime: #8ddb2e;
  --lime-bright: #c6f432;
  --lime-deep: #4fb30c;
  --on-lime: #00275b;
  --lime-text: #8ddb2e;
  --blue: #0a5bd8;
  --blue-deep: #0047ab;
  --on-blue: #ffffff;
  --blue-text: #7fd4ff;
  --cyan: #4cc3ff;
  --cyan-text: #7fd4ff;
  --navy: #00275b;
  --navy-2: #003a8c;
  --on-navy: #ffffff;
  --on-navy-muted: #c4d6f2;
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.24);
  --line-lime: rgba(141, 219, 46, 0.55);
  --glass-edge: rgba(255, 255, 255, 0.14);
  --lime-soft: rgba(141, 219, 46, 0.16);
  --blue-soft: rgba(10, 91, 216, 0.3);
  --cyan-soft: rgba(76, 195, 255, 0.16);
  --success-bg: #123d1a;
  --success-text: #c6f432;
  --warning-bg: #3b2f06;
  --warning-text: #ffd24a;
  --error-bg: #44121a;
  --error-text: #ffb4ab;
  --shadow-glass: 0 16px 36px -14px rgba(0, 12, 40, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --shadow-glass-hover: 0 22px 44px -14px rgba(0, 12, 40, 0.8), 0 0 18px rgba(141, 219, 46, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  --shadow-gloss-lime: 0 6px 18px rgba(79, 179, 12, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.8), inset 0 -2px 4px rgba(0, 60, 20, 0.3);
  --shadow-gloss-blue: 0 6px 18px rgba(10, 88, 214, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.7), inset 0 -2px 4px rgba(0, 30, 90, 0.35);
  --shadow-glow-lime: 0 0 26px rgba(150, 220, 0, 0.55);
  --shadow-band: 0 28px 56px -18px rgba(0, 20, 60, 0.6);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 9999px;
  --container: 1280px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --blur-glass: 18px;
  --blur-glow: 70px;
  --font-display: "Exo 2", "Titillium Web", system-ui, sans-serif;
  --font-wide: "Michroma", "Exo 2", system-ui, sans-serif;
  --font-body: "Titillium Web", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  /* Gradient-text stops. Resolve via --lime/--lime-bright so [data-theme="deep"]
     picks up its own values automatically without a separate override. */
  --gradient-from: var(--lime);
  --gradient-to: var(--lime-bright);
}
[data-theme="deep"] {
  --sky-100: #001a42;
  --sky-200: #00285c;
  --surface: #06306b;
  --surface-sunken: #002452;
  --surface-tech: #0b3a7a;
  --gloss: #7cbcff;
  --ink: #f2f8ff;
  --text: #cfe1f7;
  --text-muted: #93b3d9;
  --lime: #a6e61a;
  --lime-bright: #d4f53c;
  --lime-deep: #64d805;
  --on-lime: #00285c;
  --lime-text: #b9ec3d;
  --blue: #4da3ff;
  --blue-deep: #1f6fe0;
  --on-blue: #ffffff;
  --blue-text: #7cbcff;
  --cyan: #3fd0ff;
  --cyan-text: #3fd0ff;
  --navy: #00285c;
  --navy-2: #0a4aa6;
  --on-navy: #f2f8ff;
  --on-navy-muted: #b8d2f0;
  --line: rgba(124, 188, 255, 0.18);
  --line-strong: rgba(124, 188, 255, 0.38);
  --line-lime: rgba(166, 230, 26, 0.5);
  --glass-edge: rgba(124, 188, 255, 0.25);
  --lime-soft: rgba(166, 230, 26, 0.14);
  --blue-soft: rgba(77, 163, 255, 0.16);
  --cyan-soft: rgba(63, 208, 255, 0.14);
  --success-bg: #123d1a;
  --success-text: #b9ec3d;
  --warning-bg: #3b2f06;
  --warning-text: #ffd24a;
  --error-bg: #44121a;
  --error-text: #ffb4ab;
  --shadow-glass: 0 18px 40px -12px rgba(0, 8, 30, 0.7), inset 0 1px 0 rgba(124, 188, 255, 0.3);
  --shadow-glass-hover: 0 24px 48px -12px rgba(0, 8, 30, 0.8), 0 0 22px rgba(166, 230, 26, 0.22), inset 0 1px 0 rgba(124, 188, 255, 0.4);
}