/* Space Wars HUD design system. Load before style.css. See docs/hud-design-system.md. */
:root{
  --hud-surface-canvas:#05060d;
  --hud-surface-control:#12131f;
  --hud-surface-panel:#101725;
  --hud-surface-raised:#101b2d;
  --hud-surface-inset:#080d18;
  --hud-surface-overlay:#0b101c;
  --hud-surface-glass:rgba(10,9,16,.82);
  --hud-surface-slot:rgba(10,9,16,.9);
  --hud-border:#50617d;
  --hud-border-subtle:#262a45;
  --hud-text:#e8e6f0;
  --hud-text-muted:#b7c8df;
  --hud-text-on-accent:#1a1400;
  --hud-accent:#f2c14e;
  --hud-accent-hover:#ffd66b;
  --hud-focus:#6fe3ff;
  --hud-notice-ink:#a9d7ff;
  --hud-notice-tracking:2px;
  --hud-event-scale:1.4;
  --hud-danger:#ff9eae;
  --hud-danger-border:#7b3344;
  --hud-health:#5ad46a;
  --hud-resource:#7a8cff;
  --hud-team-0:#6fe3ff;
  --hud-team-1:#ff6b6b;
  --hud-team-2:#7ee787;
  --hud-space-1:4px;
  --hud-space-2:8px;
  --hud-space-3:12px;
  --hud-space-4:16px;
  --hud-space-6:24px;
  --hud-font-label:'Silkscreen',ui-monospace,monospace;
  --hud-font-body:Arial,sans-serif;
  --hud-text-xs:10px;
  --hud-text-sm:12px;
  --hud-text-body:14px;
  --hud-leading:1.5;
  --hud-border-width:2px;
  --hud-radius:4px;
  --hud-target:44px;
  --hud-disabled-opacity:.45;
  --hud-shadow:0 8px 24px #0008,inset 0 1px 0 #ffffff0a;
  --hud-motion-fast:100ms;
}