/* ═══════════════════════════════════════════════════════════════
   WAKA ORBIT — COLOR TOKENS
   The ORBIT v5 palette: a deep "cosmos" dark canvas, a single warm
   Waka-orange primary, and a set of functional accents.
   Base scale → semantic aliases.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Cosmos surfaces (dark canvas, low → high elevation) ── */
  --orbit-cosmos:      #1A1A1E;   /* app background */
  --orbit-night:       #1E1E24;   /* raised panels, cards */
  --orbit-deep:        #222230;   /* inset surfaces, inputs, headers */
  --orbit-hover:       #2A2A32;   /* hover fill */
  --orbit-border:      #333340;   /* hairline borders / dividers */

  /* ── Ink (text on cosmos) ── */
  --orbit-ink-1:       #B8D4E8;   /* primary text — cool pale blue */
  --orbit-ink-2:       #A8A8B0;   /* secondary text */
  --orbit-ink-3:       #6E6E7A;   /* muted / labels / placeholders */
  --orbit-white:       #FFFFFF;   /* emphasis values, on-primary text */

  /* ── Waka primary (warm orange ↔ gold) ── */
  --orbit-orange:      #E8832A;   /* THE brand colour — primary actions */
  --orbit-orange-700:  #C96E1E;   /* pressed / darker */
  --orbit-gold:        #F1C40F;   /* secondary warm accent, gradient tail */
  --orbit-orange-dim:  rgba(232, 131, 42, 0.10);  /* tinted fill */
  --orbit-orange-line: rgba(232, 131, 42, 0.30);  /* tinted border */
  --orbit-orange-glow: rgba(232, 131, 42, 0.35);  /* focus / glow ring */

  /* ── Functional accents (from the gecko's spectrum) ── */
  --orbit-cyan:        #00BCD4;   /* tools / running / info */
  --orbit-blue:        #29B6F6;   /* links, user bubbles */
  --orbit-green:       #4CAF50;   /* success / online */
  --orbit-yellow:      #F1C40F;   /* warning */
  --orbit-red:         #C0392B;   /* danger / error */
  --orbit-purple:      #9B59B6;   /* model tags / experimental */

  /* tinted accent fills (12% wash over cosmos) */
  --orbit-cyan-dim:    rgba(0, 188, 212, 0.12);
  --orbit-blue-dim:    rgba(41, 182, 246, 0.12);
  --orbit-green-dim:   rgba(76, 175, 80, 0.12);
  --orbit-yellow-dim:  rgba(241, 196, 15, 0.12);
  --orbit-red-dim:     rgba(192, 57, 43, 0.12);
  --orbit-purple-dim:  rgba(155, 89, 182, 0.15);

  /* ═══ SEMANTIC ALIASES ═══ */
  --surface-app:       var(--orbit-cosmos);
  --surface-raised:    var(--orbit-night);
  --surface-inset:     var(--orbit-deep);
  --surface-hover:     var(--orbit-hover);
  --border-default:    var(--orbit-border);
  --border-strong:     var(--orbit-ink-3);
  --border-focus:      var(--orbit-orange);

  --text-primary:      var(--orbit-ink-1);
  --text-secondary:    var(--orbit-ink-2);
  --text-muted:        var(--orbit-ink-3);
  --text-emphasis:     var(--orbit-white);
  --text-on-primary:   var(--orbit-white);

  --action-primary:    var(--orbit-orange);
  --action-primary-press: var(--orbit-orange-700);

  --feedback-success:  var(--orbit-green);
  --feedback-warning:  var(--orbit-yellow);
  --feedback-danger:   var(--orbit-red);
  --feedback-info:     var(--orbit-cyan);
}