/*
 * NieboGuard Command UI — design tokens (foundation).
 * Shared tokens only; the LIVE map keeps its own map-specific styling.
 */
:root {
  color-scheme: dark;
  --ng-color-bg: #080d17;
  --ng-color-bg-deep: #060b15;
  --ng-color-surface: #0f1a2c;
  --ng-color-surface-raised: #16233a;
  --ng-color-border: #22314a;
  --ng-color-border-strong: #2b3b57;
  --ng-color-text: #dce6f7;
  --ng-color-text-strong: #f5f9ff;
  --ng-color-muted: #8fa2c2;
  --ng-color-accent: #ffb020;
  --ng-color-accent-soft: #ffcf70;
  --ng-color-info: #5b8cff;
  --ng-color-info-soft: #9fc0ff;
  --ng-color-success: #36d6b1;
  --ng-color-success-soft: #6ee7a0;
  --ng-color-danger: #ff8a97;
  --ng-color-warning: #ffcf70;
  --ng-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ng-text-xs: 11px;
  --ng-text-sm: 12px;
  --ng-text-md: 14px;
  --ng-text-lg: 18px;
  --ng-text-xl: 26px;
  --ng-space-0: 0;
  --ng-space-1: 4px;
  --ng-space-2: 8px;
  --ng-space-3: 12px;
  --ng-space-4: 16px;
  --ng-space-5: 22px;
  --ng-space-6: 30px;
  --ng-radius-sm: 8px;
  --ng-radius-md: 12px;
  --ng-radius-lg: 16px;
  --ng-radius-pill: 999px;
  --ng-shadow-card: 0 10px 30px rgba(0, 0, 0, .18);
  --ng-transition: 160ms ease;
}

/* Command UI — shell, navigation and responsive surfaces. */
:root {
  --ng-color-topbar: rgba(8, 13, 23, .94);
  --ng-color-nav-active: #16233a;
  --ng-color-focus: #9fc0ff;
  --ng-color-overlay: rgba(8, 13, 23, .72);
  --ng-content-max: 1180px;
  --ng-text-2xl: 32px;
  --ng-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ng-shadow-float: 0 22px 64px rgba(0, 0, 0, .42);
  --ng-z-topbar: 40;
}