/* ============================================================
   variables.css — single source of truth for the steampunk palette
   ============================================================ */

:root {
  /* --- Brass family (the metal everything is made of) --- */
  --brass-shine: #fff2c4;
  --brass-light: #e6c878;
  --brass: #c9a55a;
  --brass-dark: #6b4e16;
  --brass-darker: #3d2c0a;

  /* --- Copper accents (buttons, levers) --- */
  --copper: #b87333;
  --copper-dark: #5c3a18;

  /* --- Nixie-tube blue (the only "neon" in this palette) --- */
  --nixie: #4ad8ff;
  --nixie-glow: rgba(74, 216, 255, 0.6);
  --nixie-deep: #1a4a6b;

  /* --- Aged paper / ink (text + soft surfaces) --- */
  --paper: #f0e4c4;
  --paper-dark: #c9b78a;
  --ink: #1a2f4a;
  --ink-soft: #2d4063;

  /* --- Frame & shadows --- */
  --frame-dark: #1a120a;
  --frame-mid: #3d2818;

  /* --- Vacuum-tube amber (warm glow on active elements) --- */
  --tube-amber: #f3cf87;
  --tube-glow: rgba(243, 207, 135, 0.55);
  --tube-glow-strong: rgba(243, 207, 135, 0.85);

  /* --- Atmosphere / depth --- */
  --patina: rgba(26, 18, 10, 0.45);
  --soot: rgba(0, 0, 0, 0.35);
  --scanline: rgba(255, 240, 200, 0.025);
  --bg-top: #c9b78a;
  --bg-mid: #8a7a52;
  --bg-bottom: #4a3e25;

  /* --- Status --- */
  --error: #d94c3a;
  --success: #6bc46d;
  --focus-ring: #69d8ff;
  --focus-ring-glow: rgba(105, 216, 255, 0.45);
  --muted-text: #4c3b20;

  /* --- Survival mode (urgency / danger) --- */
  --danger: #ff4530;
  --danger-glow: rgba(255, 69, 48, 0.65);
  --danger-deep: #6b1810;
  --warning-amber: #ffae3a;
  --warning-amber-glow: rgba(255, 174, 58, 0.55);

  /* --- Fonts --- */
  --font-title: 'Baskerville Old Face', 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;
  --font-body: 'American Typewriter', 'Iowan Old Style', 'Book Antiqua', 'Georgia', serif;
  --font-mono: 'Courier New', 'Lucida Console', 'Andale Mono', monospace;
}

body[data-skin='classic-brass'] {
  --muted-text: #4c3b20;
}

body[data-skin='dark-iron'] {
  --brass-shine: #efe3c5;
  --brass-light: #c3b28e;
  --brass: #90816a;
  --brass-dark: #433628;
  --brass-darker: #272016;
  --copper: #907055;
  --copper-dark: #483625;
  --paper: #efe7d4;
  --paper-dark: #c3b79d;
  --ink: #f0ece0;
  --ink-soft: #d1c5a9;
  --frame-dark: #110d08;
  --frame-mid: #2f251c;
  --tube-amber: #f5d18d;
  --tube-glow: rgba(245, 209, 141, 0.4);
  --tube-glow-strong: rgba(245, 209, 141, 0.7);
  --scanline: rgba(255, 255, 255, 0.03);
  --muted-text: #d6c7aa;
  --bg-top: #7f7465;
  --bg-mid: #52483c;
  --bg-bottom: #251f19;
}

body[data-skin='emerald-lab'] {
  --brass-shine: #ddffd6;
  --brass-light: #8acb72;
  --brass: #57a24e;
  --brass-dark: #1d4d23;
  --brass-darker: #123519;
  --copper: #3f8f56;
  --copper-dark: #18552b;
  --nixie: #85ffd5;
  --nixie-glow: rgba(133, 255, 213, 0.48);
  --nixie-deep: #1f6855;
  --paper: #e9f7e6;
  --paper-dark: #bad6b6;
  --ink: #0f2f1b;
  --ink-soft: #1f5530;
  --frame-dark: #08190d;
  --frame-mid: #12361d;
  --tube-amber: #b7ff97;
  --tube-glow: rgba(183, 255, 151, 0.35);
  --tube-glow-strong: rgba(183, 255, 151, 0.65);
  --muted-text: #1f5530;
  --bg-top: #7ea776;
  --bg-mid: #3f6c44;
  --bg-bottom: #1b3620;
}