/* Iron Forge — Color Tokens
   Base palette: Steel neutrals, Crimson accent, Gold accent.
   Semantic aliases map roles to palette values.
   Convention: 50 = lightest, 950 = darkest. */

:root {
  /* ─── Steel / Neutral ─────────────────────────────── */
  --color-steel-50:  #e8e8f0;
  --color-steel-100: #c8c8d8;
  --color-steel-200: #a0a0b0;
  --color-steel-300: #7a7a88;
  --color-steel-400: #5a5a65;
  --color-steel-500: #3d3d45;
  --color-steel-600: #2c2c32;
  --color-steel-700: #202024;
  --color-steel-800: #161618;
  --color-steel-900: #0e0e10;
  --color-steel-950: #070709;

  /* ─── Crimson / Primary Accent ────────────────────── */
  --color-crimson-200: #f890a0;
  --color-crimson-300: #f05070;
  --color-crimson-400: #e03050;
  --color-crimson-500: #c41e3a;
  --color-crimson-600: #a00020;
  --color-crimson-700: #7d0018;
  --color-crimson-800: #5c0010;
  --color-crimson-900: #3d0008;

  /* ─── Gold / Secondary Accent ─────────────────────── */
  --color-gold-200: #f8de90;
  --color-gold-300: #f0c860;
  --color-gold-400: #e0ae40;
  --color-gold-500: #c9922a;
  --color-gold-600: #a07010;
  --color-gold-700: #7a5200;
  --color-gold-800: #5c3e00;
  --color-gold-900: #3d2800;

  /* ─── Semantic: Backgrounds ───────────────────────── */
  --bg-page:     var(--color-steel-950);
  --bg-surface:  var(--color-steel-900);
  --bg-card:     var(--color-steel-800);
  --bg-elevated: var(--color-steel-700);
  --bg-overlay:  rgba(7, 7, 9, 0.92);

  /* ─── Semantic: Text ──────────────────────────────── */
  --text-primary:   var(--color-steel-50);
  --text-secondary: var(--color-steel-200);
  --text-muted:     var(--color-steel-300);
  --text-disabled:  var(--color-steel-400);

  /* ─── Semantic: Accents ───────────────────────────── */
  --accent-crimson: var(--color-crimson-500);
  --accent-gold:    var(--color-gold-500);

  /* ─── Semantic: Borders ───────────────────────────── */
  --border-subtle:  var(--color-steel-600);
  --border-default: var(--color-steel-500);
  --border-accent:  var(--color-crimson-500);
  --border-gold:    var(--color-gold-500);
}