/* ImperialDestroyer — tokens de diseño compartidos */
:root {
  --ground: #0C1017;
  --surface: #151A24;
  --surface-raised: #1C2230;
  --surface-hover: #222938;
  --gold: #C9A227;
  --gold-dim: rgba(201,162,39,0.10);
  --gold-glow: rgba(201,162,39,0.25);
  --text: #E2E5ED;
  --text-secondary: #6E7689;
  --text-muted: #454D60;
  --border: #232A38;
  --hal-red: #E53935;
  --hal-red-dim: rgba(229,57,53,0.12);
  --hal-red-glow: rgba(229,57,53,0.30);
  --gs-blue: #3B6CE7;
  --gs-blue-dim: rgba(59,108,231,0.12);
  --gs-blue-glow: rgba(59,108,231,0.25);
  --condor: #10B981;
  --condor-dim: rgba(16,185,129,0.12);
  --condor-glow: rgba(16,185,129,0.25);
  --mf-amber: #E5A100;
  --mf-amber-dim: rgba(229,161,0,0.12);
  --mf-amber-glow: rgba(229,161,0,0.28);
  --tarkin: #8E62E8;
  --tarkin-dim: rgba(142,98,232,0.12);
  --tarkin-glow: rgba(142,98,232,0.28);
  --shadow: 0 2px 12px rgba(0,0,0,0.35);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.45);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --ground: #F4F3EF;
    --surface: #FFFFFF;
    --surface-raised: #FFFFFF;
    --surface-hover: #F0EFE9;
    --gold: #9A7A1C;
    --gold-dim: rgba(154,122,28,0.08);
    --gold-glow: rgba(154,122,28,0.15);
    --text: #1A1D24;
    --text-secondary: #6B7080;
    --text-muted: #A5A9B4;
    --border: #E0DDD4;
    --hal-red: #D32F2F;
    --hal-red-dim: rgba(211,47,47,0.08);
    --hal-red-glow: rgba(211,47,47,0.15);
    --gs-blue: #2F5CC5;
    --gs-blue-dim: rgba(47,92,197,0.08);
    --gs-blue-glow: rgba(47,92,197,0.15);
    --condor: #059669;
    --condor-dim: rgba(5,150,105,0.08);
    --condor-glow: rgba(5,150,105,0.15);
    --mf-amber: #B8860B;
    --mf-amber-dim: rgba(184,134,11,0.08);
    --mf-amber-glow: rgba(184,134,11,0.15);
    --tarkin: #6E45C9;
    --tarkin-dim: rgba(110,69,201,0.08);
    --tarkin-glow: rgba(110,69,201,0.15);
    --shadow: 0 2px 12px rgba(0,0,0,0.06);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.10);
  }
}
:root[data-theme="light"] {
  --ground: #F4F3EF;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-hover: #F0EFE9;
  --gold: #9A7A1C;
  --gold-dim: rgba(154,122,28,0.08);
  --gold-glow: rgba(154,122,28,0.15);
  --text: #1A1D24;
  --text-secondary: #6B7080;
  --text-muted: #A5A9B4;
  --border: #E0DDD4;
  --hal-red: #D32F2F;
  --hal-red-dim: rgba(211,47,47,0.08);
  --hal-red-glow: rgba(211,47,47,0.15);
  --gs-blue: #2F5CC5;
  --gs-blue-dim: rgba(47,92,197,0.08);
  --gs-blue-glow: rgba(47,92,197,0.15);
  --condor: #059669;
  --condor-dim: rgba(5,150,105,0.08);
  --condor-glow: rgba(5,150,105,0.15);
  --mf-amber: #B8860B;
  --mf-amber-dim: rgba(184,134,11,0.08);
  --mf-amber-glow: rgba(184,134,11,0.15);
  --tarkin: #6E45C9;
  --tarkin-dim: rgba(110,69,201,0.08);
  --tarkin-glow: rgba(110,69,201,0.15);
  --shadow: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.10);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--ground);
  color: var(--text);
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.shell {
  width: 100%;
  max-width: 1120px;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.logo-mark {
  width: 80px;
  height: 40px;
  margin: 0 auto 20px;
  position: relative;
  color: var(--gold);
  filter: drop-shadow(0 0 12px var(--gold-glow));
}

.logo-mark svg {
  width: 100%;
  height: 100%;
}