/* ============================================================
   Axiom — Color Tokens
   ============================================================ */

:root {
  /* ── Base palette ─────────────────────────────────────── */
  --color-deep-space:      #15181B;
  --color-deep-space-80:   #1A1E22;
  --color-deep-space-60:   #1E2328;
  --color-precision-gold:  #D8F744;
  --color-precision-gold-dim: rgba(216, 247, 68, 0.15);
  --color-precision-gold-glow: rgba(216, 247, 68, 0.35);
  --color-circuit-blue:    #4A7FA8;
  --color-circuit-blue-dim: rgba(74, 127, 168, 0.15);
  --color-circuit-blue-glow: rgba(74, 127, 168, 0.35);
  --color-steel:           #2C3B4A;
  --color-steel-light:     #374A5C;
  --color-warm-white:      #E8E4D9;
  --color-warm-white-muted: rgba(232, 228, 217, 0.6);

  /* ── Neutrals ─────────────────────────────────────────── */
  --color-neutral-900:     #15181B;
  --color-neutral-800:     #1E2328;
  --color-neutral-700:     #252B32;
  --color-neutral-600:     #2C3B4A;
  --color-neutral-500:     #3E5166;
  --color-neutral-400:     #5A7A96;
  --color-neutral-300:     #8899AA;
  --color-neutral-200:     #B8C8D8;
  --color-neutral-100:     #D8E4EC;
  --color-neutral-50:      #E8E4D9;

  /* ── Semantic surfaces ────────────────────────────────── */
  --bg-base:               var(--color-deep-space);
  --bg-elevated:           var(--color-deep-space-60);
  --bg-surface:            var(--color-steel);
  --bg-surface-hover:      var(--color-steel-light);
  --bg-overlay:            rgba(21, 24, 27, 0.85);
  --bg-glass:              rgba(44, 59, 74, 0.4);
  --bg-accent-subtle:      var(--color-precision-gold-dim);
  --bg-blue-subtle:        var(--color-circuit-blue-dim);

  /* ── Semantic text ────────────────────────────────────── */
  --text-primary:          var(--color-warm-white);
  --text-secondary:        var(--color-neutral-300);
  --text-muted:            var(--color-neutral-400);
  --text-accent:           var(--color-precision-gold);
  --text-link:             var(--color-circuit-blue);
  --text-inverse:          var(--color-deep-space);

  /* ── Semantic borders ─────────────────────────────────── */
  --border-subtle:         rgba(255, 255, 255, 0.07);
  --border-default:        rgba(255, 255, 255, 0.12);
  --border-strong:         rgba(255, 255, 255, 0.22);
  --border-accent:         var(--color-precision-gold);
  --border-blue:           var(--color-circuit-blue);

  /* ── Glows (for buttons, highlights) ─────────────────── */
  --glow-gold-sm:          0 0 12px rgba(216, 247, 68, 0.4);
  --glow-gold-md:          0 0 20px rgba(216, 247, 68, 0.45), 0 0 48px rgba(216, 247, 68, 0.2);
  --glow-gold-lg:          0 0 30px rgba(216, 247, 68, 0.5), 0 0 80px rgba(216, 247, 68, 0.25);
  --glow-blue-sm:          0 0 12px rgba(74, 127, 168, 0.4);
  --glow-blue-md:          0 0 20px rgba(74, 127, 168, 0.45), 0 0 48px rgba(74, 127, 168, 0.2);

  /* ── Status colors ────────────────────────────────────── */
  --color-success:         #4CAF82;
  --color-warning:         #F5A623;
  --color-error:           #E55B5B;
  --color-info:            var(--color-circuit-blue);
}