/* HANGAR — tokens. Claro: el handoff de marca (docs/brand/hangar/tokens/tokens.css) mapeado a los tokens
   semánticos. Oscuro: derivado de la escala navy y de las escalas de Tailwind de las que salen los
   tokens del handoff. #0B142B (brand-logo) sólo pinta el logo. */
:root {
  color-scheme: light;
  --bg-page: #F9FAFB;
  --bg-panel: #FFFFFF;
  --bg-raised: #FFFFFF;
  --bg-sunken: #F9FAFB;
  --bg-field: #FFFFFF;
  --bg-nav: #0B2D5B;
  --ink: #111827;
  --ink-2: #68707D;
  --ink-3: #9CA3AF;
  --line: #E5E7EB;
  --line-strong: #6B7280;
  --nav-ink: #C2CAD6;
  --nav-ink-active: #FFFFFF;
  --nav-muted: #91A0B5;
  --nav-hover-bg: #092449;
  --nav-active-bg: #1F3E68;
  --nav-indicator: #60A5FA;
  --nav-line: #1F3E68;
  --nav-focus: #60A5FA;
  --brand-logo: #0B142B;
  --brand-navy: #0B2D5B;
  --brand-aero: #2563EB;
  --logo-ink: var(--brand-logo);
  --cta: #2563EB;
  --cta-hover: #1D4ED8;
  --cta-ink: #FFFFFF;
  --accent-text: #2563EB;
  --accent-fill: #2563EB;
  --accent-on: #FFFFFF;
  --accent-soft: #EFF6FF;
  --focus: #2563EB;
  --ok: #15803D;
  --ok-soft: #DCFCE7;
  --ok-text: #15803D;
  --warn: #B45309;
  --warn-soft: #FEF3C7;
  --warn-text: #B45309;
  --warn-line: #FEF3C7;
  --err: #B91C1C;
  --err-soft: #FEE2E2;
  --err-text: #B91C1C;
  --info: #1D4ED8;
  --info-soft: #DBEAFE;
  --info-text: #1D4ED8;
  --neutral-soft: #F3F4F6;
  --neutral-text: #374151;
  --badge-neutral-bg: var(--neutral-soft);
  --badge-neutral-ink: var(--neutral-text);
  --badge-info-bg: var(--info-soft);
  --badge-info-ink: var(--info-text);
  --badge-warning-bg: var(--warn-soft);
  --badge-warning-ink: var(--warn-text);
  --badge-success-bg: var(--ok-soft);
  --badge-success-ink: var(--ok-text);
  --badge-danger-bg: var(--err-soft);
  --badge-danger-ink: var(--err-text);
  --badge-inactive-bg: var(--bg-panel);
  --badge-inactive-ink: var(--ink-2);
  --toast-bg: #0B2D5B;
  --toast-ink: #FFFFFF;
  --toast-ok: #4ADE80;
  --canvas-stage: #F3F4F6;
  --canvas-zone-light: #FFFFFF;
  --canvas-zone-dark: #000000;
  --canvas-label-bg: rgba(0,0,0,0.72);
  --canvas-label-ink: #FFFFFF;
  --canvas-select: #D9403F;
  --canvas-halo: #FFFFFF;
  --canvas-snap: #1E9BD7;
  --canvas-out-zone: #F28C28;
  --canvas-out-bed: #C2185B;
  --canvas-bed-line: var(--line-strong);
  --canvas-check-a: #FFFFFF;
  --canvas-check-b: #F3F4F6;
  --overlay-scrim: rgba(7,27,55,0.55);
  --swatch-ring: rgba(0,0,0,0.2);
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(11,45,91,0.06), 0 1px 3px rgba(11,45,91,0.08);
  --shadow-pop: 0 4px 16px rgba(11,45,91,0.12), 0 0 0 1px rgba(11,45,91,0.06);
  --shadow-modal: 0 16px 48px rgba(11,45,91,0.18);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-round: 50%;
  --radius-full: 9999px;
  --shell-top-h: 64px;
  --mshell-top-h: 56px;
  --mshell-tabs-h: 58px;
  --z-sticky: 100;
  --z-dropdown: 1000;
  --z-drawer: 1200;
  --z-modal: 1300;
  --z-toast: 1400;
  --z-tooltip: 1500;
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --font-ui: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg-page: #071B37;
  --bg-panel: #092449;
  --bg-raised: #0B2D5B;
  --bg-sunken: #071B37;
  --bg-field: #071B37;
  --ink: #F3F4F7;
  --ink-2: #C2CAD6;
  --ink-3: #607694;
  --line: #1F3E68;
  --line-strong: #647A98;
  --logo-ink: #FFFFFF;
  --accent-text: #60A5FA;
  --accent-fill: #60A5FA;
  --accent-on: #071B37;
  --accent-soft: #172554;
  --focus: #60A5FA;
  --ok: #4ADE80;
  --ok-soft: #052E16;
  --ok-text: #4ADE80;
  --warn: #FBBF24;
  --warn-soft: #451A03;
  --warn-text: #FBBF24;
  --warn-line: #451A03;
  --err: #F87171;
  --err-soft: #450A0A;
  --err-text: #F87171;
  --info: #60A5FA;
  --info-soft: #172554;
  --info-text: #93C5FD;
  --neutral-soft: #1F3E68;
  --neutral-text: #E7EAEF;
  --toast-bg: #1F3E68;
  --canvas-stage: #071B37;
  --canvas-select: #E0605A;
  --canvas-snap: #4FC3F7;
  --canvas-out-zone: #FFA040;
  --canvas-out-bed: #FF5CA8;
  --canvas-check-a: #0B2D5B;
  --canvas-check-b: #092449;
  --overlay-scrim: rgba(0,0,0,0.65);
  --swatch-ring: rgba(243,244,247,0.3);
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-pop: 0 4px 16px rgba(0,0,0,0.5), 0 0 0 1px rgba(243,244,247,0.08);
  --shadow-modal: 0 16px 48px rgba(0,0,0,0.6);
}
/* Sin elección explícita del usuario, sigue al sistema */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg-page: #071B37;
    --bg-panel: #092449;
    --bg-raised: #0B2D5B;
    --bg-sunken: #071B37;
    --bg-field: #071B37;
    --ink: #F3F4F7;
    --ink-2: #C2CAD6;
    --ink-3: #607694;
    --line: #1F3E68;
    --line-strong: #647A98;
    --logo-ink: #FFFFFF;
    --accent-text: #60A5FA;
    --accent-fill: #60A5FA;
    --accent-on: #071B37;
    --accent-soft: #172554;
    --focus: #60A5FA;
    --ok: #4ADE80;
    --ok-soft: #052E16;
    --ok-text: #4ADE80;
    --warn: #FBBF24;
    --warn-soft: #451A03;
    --warn-text: #FBBF24;
    --warn-line: #451A03;
    --err: #F87171;
    --err-soft: #450A0A;
    --err-text: #F87171;
    --info: #60A5FA;
    --info-soft: #172554;
    --info-text: #93C5FD;
    --neutral-soft: #1F3E68;
    --neutral-text: #E7EAEF;
    --toast-bg: #1F3E68;
    --canvas-stage: #071B37;
    --canvas-select: #E0605A;
    --canvas-snap: #4FC3F7;
    --canvas-out-zone: #FFA040;
    --canvas-out-bed: #FF5CA8;
    --canvas-check-a: #0B2D5B;
    --canvas-check-b: #092449;
    --overlay-scrim: rgba(0,0,0,0.65);
    --swatch-ring: rgba(243,244,247,0.3);
    --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-pop: 0 4px 16px rgba(0,0,0,0.5), 0 0 0 1px rgba(243,244,247,0.08);
    --shadow-modal: 0 16px 48px rgba(0,0,0,0.6);
  }
}