/* ============================================================
   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;
}

body[data-skin='crimson-forge'] {
  --brass-shine: #ffd6c8;
  --brass-light: #d4896a;
  --brass: #b85c3a;
  --brass-dark: #6b2518;
  --brass-darker: #3d1208;
  --copper: #c94030;
  --copper-dark: #6b1a10;
  --nixie: #ffaa44;
  --nixie-glow: rgba(255, 170, 68, 0.65);
  --nixie-deep: #6b3510;
  --paper: #f5e0d4;
  --paper-dark: #d4b0a0;
  --ink: #2a0e08;
  --ink-soft: #4a1e10;
  --frame-dark: #1a0804;
  --frame-mid: #3d1008;
  --tube-amber: #ff7a30;
  --tube-glow: rgba(255, 122, 48, 0.45);
  --tube-glow-strong: rgba(255, 122, 48, 0.85);
  --muted-text: #7a3020;
  --scanline: rgba(255, 100, 50, 0.03);
  --bg-top: #a85040;
  --bg-mid: #6b2018;
  --bg-bottom: #300a06;
}

body[data-skin='phantom'] {
  --brass-shine: #d4eaf8;
  --brass-light: #7aaac8;
  --brass: #4a7ea0;
  --brass-dark: #1e3f5a;
  --brass-darker: #0e2035;
  --copper: #3a7090;
  --copper-dark: #163050;
  --nixie: #b8f0ff;
  --nixie-glow: rgba(184, 240, 255, 0.6);
  --nixie-deep: #1a4a6b;
  --paper: #e4f0f8;
  --paper-dark: #b8d0e0;
  --ink: #0a1e30;
  --ink-soft: #1a3a52;
  --frame-dark: #050f1a;
  --frame-mid: #0f2535;
  --tube-amber: #80d8ff;
  --tube-glow: rgba(128, 216, 255, 0.4);
  --tube-glow-strong: rgba(128, 216, 255, 0.8);
  --muted-text: #2a5070;
  --scanline: rgba(100, 200, 255, 0.025);
  --bg-top: #4a6a80;
  --bg-mid: #253a50;
  --bg-bottom: #0e2035;
}

body[data-skin='void-protocol'] {
  --brass-shine: #ead8ff;
  --brass-light: #9a78c8;
  --brass: #6a4a9a;
  --brass-dark: #2d1c4d;
  --brass-darker: #180f2a;
  --copper: #7a40b0;
  --copper-dark: #3a1860;
  --nixie: #d480ff;
  --nixie-glow: rgba(212, 128, 255, 0.65);
  --nixie-deep: #3a1060;
  --paper: #f0e8ff;
  --paper-dark: #c8b0e8;
  --ink: #1a0830;
  --ink-soft: #2e1050;
  --frame-dark: #0a0415;
  --frame-mid: #1e0c30;
  --tube-amber: #c060ff;
  --tube-glow: rgba(192, 96, 255, 0.45);
  --tube-glow-strong: rgba(192, 96, 255, 0.85);
  --muted-text: #7a50a8;
  --scanline: rgba(160, 80, 255, 0.03);
  --bg-top: #5a3a80;
  --bg-mid: #2e1858;
  --bg-bottom: #120828;
}