/* ============================================================================
   Cosmos — Neutral Slate (dark). Desaturated near-greys; the brand colours
   carry the identity. Contrast (computed): fg/canvas 16.0:1,
   fg-muted/surface 7.3:1, fg-subtle/surface 5.4:1.
   ============================================================================ */
[data-cosmos-theme="slate"] {
  --cosmos-canvas:         #16191d;
  --cosmos-surface:        #1d2126;
  --cosmos-surface-raised: #262b31;
  --cosmos-rail:           #131619;
  --cosmos-input:          #191d22;

  --cosmos-border:         #2c3238;
  --cosmos-border-strong:  #3c444c;

  --cosmos-fg:             #e4e7ea;
  --cosmos-fg-muted:       #9aa3ab;
  --cosmos-fg-subtle:      #828c94;
  --cosmos-fg-on-accent:   #16191d;
  --cosmos-rail-fg:        #98a2ab;

  --cosmos-brand:          #3fb6e0;
  --cosmos-brand-muted:    #2b7f9e;
  --cosmos-brand-soft:     #162c36;

  --cosmos-accent:         #f0913f;
  --cosmos-accent-soft:    #332619;

  --cosmos-status-good:           #45c07a;
  --cosmos-status-good-soft:      #152c1f;
  --cosmos-status-warn:           #dfa93f;
  --cosmos-status-warn-soft:      #2f2614;
  --cosmos-status-bad:            #ef6b6b;
  --cosmos-status-bad-soft:       #301c1c;
  --cosmos-status-info:           #5f9df6;
  --cosmos-status-info-soft:      #1a2436;

  --cosmos-row-hover:      #242930;
  --cosmos-row-selected:   #2b3540;
  --cosmos-focus-ring:     rgba(63, 182, 224, 0.45);

  --cosmos-shadow-1:       0 1px 2px rgba(0, 0, 0, 0.40);
  --cosmos-shadow-2:       0 6px 18px rgba(0, 0, 0, 0.45);
  --cosmos-shadow-tint:    rgba(0, 0, 0, 0.55);

  --cosmos-mod-aircraft:   #5b8def;
  --cosmos-mod-airport:    #34d399;
  --cosmos-mod-safety:     #f87171;
  --cosmos-mod-weather:    #60a5fa;
  --cosmos-mod-admin:      #a78bfa;
  --cosmos-mod-system:     #fbbf24;

  /* Module ICON tones -- the rail draws these as foreground text, and the rail ground is a
     dark navy in EVERY theme, so these stay bright in all three. They are a separate role
     from --cosmos-mod-*, which the header chip uses as a BACKGROUND under dark text. The two
     roles want opposite lightness in the light theme, which is why one token cannot serve
     both -- collapsing them made the light-theme rail icons nearly invisible. */
  --cosmos-mod-aircraft-icon: #5b8def;
  --cosmos-mod-airport-icon: #34d399;
  --cosmos-mod-safety-icon: #f87171;
  --cosmos-mod-weather-icon: #60a5fa;
  --cosmos-mod-admin-icon: #a78bfa;
  --cosmos-mod-system-icon: #fbbf24;
}