/* ============================================
   GaiaMonitor Design Tokens
   All visual constants live here.
   ============================================ */

:root {
  /* Backgrounds */
  --bg-void:        #05070a;
  --bg-panel:       #0b0f14;
  --bg-panel-2:     #10161d;
  --bg-elevated:    #141b24;

  /* Borders */
  --border-subtle:  #1c2733;
  --border-strong:  #2a3a4d;

  /* Text */
  --text-primary:   #e6edf3;
  --text-secondary: #8b99a8;
  --text-tertiary:  #5a6775;
  --text-dim:       #3a4652;

  /* Accent colors */
  --accent-cyan:    #00e0ff;
  --accent-amber:   #ffb347;
  --accent-red:     #ff3b5c;
  --accent-green:   #4ade80;
  --accent-violet:  #a78bfa;
  --accent-blue:    #60a5fa;
  --accent-yellow:  #facc15;
  --accent-pink:    #f472b6;

  /* Category colors */
  --cat-wildfires:          var(--accent-amber);
  --cat-severeStorms:       var(--accent-red);
  --cat-volcanoes:          var(--accent-violet);
  --cat-seaLakeIce:         var(--accent-blue);
  --cat-earthquakes:        var(--accent-yellow);
  --cat-floods:             var(--accent-pink);
  --cat-landslides:         #c084fc;
  --cat-drought:            #d6a272;
  --cat-dustHaze:           #94a3b8;
  --cat-snow:               #e0f2fe;
  --cat-tempExtremes:       #fb7185;
  --cat-manmade:            #9ca3af;
  --cat-waterColor:         #22d3ee;

  /* Spacing scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Radii */
  --radius-chip: 2px;
  --radius-panel: 4px;

  /* Typography */
  --font-ui: 'Inter', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-fast: 120ms;
  --duration-normal: 200ms;

  /* Layout dimensions */
  --topbar-h: 44px;
  --left-rail-w: 320px;
  --right-rail-w: 360px;
  --timeline-h: 96px;
  --statusbar-h: 24px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-normal: 0ms;
  }
}