:root {

  /* ═══════════════════════════════════════
     BACKGROUND / DARK SCALE
     Deep space backdrop of Achrona
  ═══════════════════════════════════════ */
  --color-void:     #070918;  /* deepest background */
  --color-abyss:    #0c0e22;  /* primary page bg */
  --color-shadow:   #131526;  /* card bg */
  --color-dusk:     #1a1c35;  /* elevated card */
  --color-twilight: #222444;  /* hover surface / overlay */

  /* ═══════════════════════════════════════
     PURPLE SPECTRUM
     The magic of The Augmented faction
  ═══════════════════════════════════════ */
  --color-purple-950: #0f0620;
  --color-purple-900: #1e0d3a;
  --color-purple-800: #3b1a6b;
  --color-purple-700: #5b21b6;
  --color-purple-600: #7c3aed;
  --color-purple-500: #9333ea;
  --color-purple-400: #a855f7;
  --color-purple-300: #c084fc;
  --color-purple-200: #d8b4fe;
  --color-purple-100: #ede9fe;

  /* ═══════════════════════════════════════
     TEAL SPECTRUM
     The pure power of The Purists faction
  ═══════════════════════════════════════ */
  --color-teal-950: #051a17;
  --color-teal-900: #0d3b35;
  --color-teal-800: #0f544d;
  --color-teal-700: #0f766e;
  --color-teal-600: #0d9488;
  --color-teal-500: #14b8a6;
  --color-teal-400: #2dd4b8;
  --color-teal-300: #5eead4;
  --color-teal-200: #99f6e4;
  --color-teal-100: #ccfbf1;

  /* ═══════════════════════════════════════
     EMBER / ORANGE SPECTRUM
     Fire, danger, heat
  ═══════════════════════════════════════ */
  --color-ember-950: #1c0904;
  --color-ember-900: #431407;
  --color-ember-800: #7c2d12;
  --color-ember-700: #9a3412;
  --color-ember-600: #c2410c;
  --color-ember-500: #ea580c;
  --color-ember-400: #f97316;
  --color-ember-300: #fb923c;
  --color-ember-200: #fdba74;
  --color-ember-100: #ffedd5;

  /* ═══════════════════════════════════════
     GOLD SPECTRUM
     Ancient scrolls, quest rewards
  ═══════════════════════════════════════ */
  --color-gold-950: #1a0b01;
  --color-gold-900: #451a03;
  --color-gold-800: #78350f;
  --color-gold-700: #92400e;
  --color-gold-600: #b45309;
  --color-gold-500: #d97706;
  --color-gold-400: #f59e0b;
  --color-gold-300: #fbbf24;
  --color-gold-200: #fde68a;
  --color-gold-100: #fef3c7;

  /* ═══════════════════════════════════════
     NEUTRAL / SILVER SCALE
     Text, icons, borders
  ═══════════════════════════════════════ */
  --color-white:      #ffffff;
  --color-silver-100: #e2e8f0;
  --color-silver-200: #cbd5e1;
  --color-silver-300: #94a3b8;
  --color-silver-400: #64748b;
  --color-silver-500: #475569;
  --color-silver-600: #334155;
  --color-silver-700: #1e293b;

  /* ═══════════════════════════════════════
     SEMANTIC SURFACE ALIASES
  ═══════════════════════════════════════ */
  --surface-base:    var(--color-abyss);
  --surface-sunken:  var(--color-void);
  --surface-card:    var(--color-shadow);
  --surface-raised:  var(--color-dusk);
  --surface-overlay: var(--color-twilight);

  /* ═══════════════════════════════════════
     SEMANTIC TEXT ALIASES
  ═══════════════════════════════════════ */
  --text-primary:   var(--color-white);
  --text-secondary: var(--color-silver-300);
  --text-muted:     var(--color-silver-500);
  --text-accent:    var(--color-purple-400);
  --text-teal:      var(--color-teal-400);
  --text-gold:      var(--color-gold-400);
  --text-danger:    var(--color-ember-400);

  /* ═══════════════════════════════════════
     BORDER ALIASES
  ═══════════════════════════════════════ */
  --border-subtle:  rgba(168, 85, 247, 0.12);
  --border-default: rgba(168, 85, 247, 0.28);
  --border-strong:  rgba(168, 85, 247, 0.55);
  --border-teal:    rgba(45, 212, 184, 0.30);
  --border-teal-strong: rgba(45, 212, 184, 0.55);
  --border-gold:    rgba(245, 158, 11, 0.35);

  /* ═══════════════════════════════════════
     ACCENT ALIASES
  ═══════════════════════════════════════ */
  --accent-primary:   var(--color-purple-500);
  --accent-secondary: var(--color-teal-400);
  --accent-warm:      var(--color-ember-400);
  --accent-gold:      var(--color-gold-400);

  /* ═══════════════════════════════════════
     FACTION COLORS
  ═══════════════════════════════════════ */
  --faction-purists:          var(--color-teal-400);
  --faction-purists-dark:     var(--color-teal-800);
  --faction-purists-glow:     var(--color-teal-300);
  --faction-purists-surface:  rgba(15, 118, 110, 0.15);

  --faction-augmented:         var(--color-purple-500);
  --faction-augmented-dark:    var(--color-purple-800);
  --faction-augmented-glow:    var(--color-purple-300);
  --faction-augmented-surface: rgba(147, 51, 234, 0.15);
}
