/* =============================================================================
   Design tokens — CSS custom properties
   Phase 6 will expand these; this is the minimal baseline for Phase 4.
   ============================================================================= */
:root {
  /* ── Palette ─────────────────────────────────────────────────────────────── */
  --color-bg:          #12151e;
  --color-surface:     #1c2130;
  --color-surface-2:   #252c3e;
  --color-border:      #30384f;
  --color-text:        #d8dce8;
  --color-text-muted:  #6b758f;
  --color-accent:      #c8922a;   /* gold / military brass */

  --color-info:        #4a9eff;
  --color-success:     #3dba6e;
  --color-warning:     #f0a030;
  --color-danger:      #e0402a;

  /* ── Spacing ─────────────────────────────────────────────────────────────── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* ── Typography ──────────────────────────────────────────────────────────── */
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Cascadia Code', 'Consolas', monospace;
  --font-size-sm:  13px;
  --font-size-md:  15px;
  --font-size-lg:  18px;

  /* ── Geometry ────────────────────────────────────────────────────────────── */
  --radius:    6px;
  --radius-sm: 3px;
  --radius-lg: 10px;

  /* ── Transitions ─────────────────────────────────────────────────────────── */
  --transition: 180ms ease;

  /* ── Z-index layers ──────────────────────────────────────────────────────── */
  --z-overlay: 800;
  --z-modal:   900;
  --z-toast:  1000;
}