/* 14 homepage vibes — tokens from design-showcase, remapped for LAB ELECTRONICS */

html[data-theme="park-ranger"] {
  --void: #1a2f1a;
  --hud: rgba(26, 47, 26, 0.94);
  --neon: #c4a35a;
  --cyan: #8fbc6a;
  --volt: #d4c4a8;
  --glyph: #7a9468;
  --text: #ede6d6;
  --muted: #9aaa8a;
  --line: #3d5238;
  --font-body: "Source Sans 3", system-ui, sans-serif;
  --font-display: "Bitter", Georgia, serif;
  --radius: 4px;
  --home-pattern: none;
}

html[data-theme="park-ranger"] body.home-page {
  background:
    linear-gradient(180deg, #7ec8f2 0%, #b8e4ff 18%, #dff3c8 38%, var(--void) 38%),
    var(--void);
  background-attachment: fixed;
}

html[data-theme="brutalist"] {
  --void: #76ff03;
  --hud: #76ff03;
  --neon: #000;
  --cyan: #000;
  --volt: #fff;
  --glyph: #222;
  --text: #000;
  --muted: #333;
  --line: #000;
  --font-body: "Space Mono", monospace;
  --font-display: "Archivo Black", sans-serif;
  --radius: 0;
}

html[data-theme="oscilloscope"] {
  --void: #0a140a;
  --hud: rgba(10, 20, 10, 0.95);
  --neon: #33ff66;
  --cyan: #33ff66;
  --volt: #aaffaa;
  --glyph: #1a331a;
  --text: #33ff66;
  --muted: #248f48;
  --line: #1a331a;
  --font-body: "Share Tech Mono", monospace;
  --font-display: "Share Tech Mono", monospace;
  --radius: 0;
}

html[data-theme="y2k-chrome"] {
  --void: #1a0a24;
  --hud: rgba(26, 10, 36, 0.92);
  --neon: #ff00aa;
  --cyan: #00d4ff;
  --volt: #e0e0e0;
  --glyph: #888;
  --text: #f0f0ff;
  --muted: #b0a0c0;
  --line: rgba(255, 0, 170, 0.35);
  --font-body: "Exo 2", sans-serif;
  --font-display: "Orbitron", sans-serif;
  --radius: 12px;
}

html[data-theme="blueprint"] {
  --void: #1e4a7a;
  --hud: rgba(30, 74, 122, 0.95);
  --neon: #ff6b35;
  --cyan: #e8f4ff;
  --volt: #ff6b35;
  --glyph: rgba(232, 244, 255, 0.55);
  --text: #e8f4ff;
  --muted: rgba(232, 244, 255, 0.65);
  --line: rgba(232, 244, 255, 0.35);
  --font-body: "Courier Prime", monospace;
  --font-display: "Courier Prime", monospace;
  --radius: 0;
  --home-pattern:
    linear-gradient(rgba(232, 244, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232, 244, 255, 0.12) 1px, transparent 1px);
  --home-pattern-size: 24px 24px;
}

html[data-theme="art-deco"] {
  --void: #0d0d0d;
  --hud: rgba(13, 13, 13, 0.94);
  --neon: #d4af37;
  --cyan: #f5e6a8;
  --volt: #d4af37;
  --glyph: #8a7a50;
  --text: #f5f0e0;
  --muted: #a89870;
  --line: #3a3020;
  --font-body: "Raleway", sans-serif;
  --font-display: "Cinzel", serif;
  --radius: 0;
}

html[data-theme="cleanroom"] {
  --void: #f7faf9;
  --hud: rgba(247, 250, 249, 0.96);
  --neon: #5ec4b6;
  --cyan: #5ec4b6;
  --volt: #7b68ee;
  --glyph: #8aa8a0;
  --text: #2d3a38;
  --muted: #5a6a66;
  --line: #d8e8e4;
  --font-body: "Outfit", sans-serif;
  --font-display: "Outfit", sans-serif;
  --radius: 16px;
}

html[data-theme="terminal"] {
  --void: #0d1117;
  --hud: rgba(13, 17, 23, 0.95);
  --neon: #ffb000;
  --cyan: #3fb950;
  --volt: #3fb950;
  --glyph: #484f58;
  --text: #3fb950;
  --muted: #248f24;
  --line: #1f521f;
  --font-body: "JetBrains Mono", monospace;
  --font-display: "JetBrains Mono", monospace;
  --radius: 0;
}

html[data-theme="riso-zine"] {
  --void: #fffef8;
  --hud: #fffef8;
  --neon: #ff2d6a;
  --cyan: #00c9b7;
  --volt: #ffe600;
  --glyph: #888;
  --text: #1a1a1a;
  --muted: #555;
  --line: #ff2d6a;
  --font-body: "Work Sans", sans-serif;
  --font-display: "Barlow Condensed", sans-serif;
  --radius: 0;
}

html[data-theme="pixel-cart"] {
  --void: #262b44;
  --hud: rgba(38, 43, 68, 0.96);
  --neon: #ffcd75;
  --cyan: #5fcde4;
  --volt: #ffcd75;
  --glyph: #5a6080;
  --text: #e8ecff;
  --muted: #9aa0c0;
  --line: #3a4060;
  --font-body: "VT323", monospace;
  --font-display: "Press Start 2P", monospace;
  --radius: 0;
}

html[data-theme="constructivist"] {
  --void: #e8e4dc;
  --hud: #e8e4dc;
  --neon: #c41e1e;
  --cyan: #111;
  --volt: #c41e1e;
  --glyph: #666;
  --text: #111;
  --muted: #444;
  --line: #111;
  --font-body: "Oswald", sans-serif;
  --font-display: "Oswald", sans-serif;
  --radius: 0;
}

html[data-theme="newspaper"] {
  --void: #f7f4ed;
  --hud: #f7f4ed;
  --neon: #1a1a1a;
  --cyan: #1a1a1a;
  --volt: #1a1a1a;
  --glyph: #666;
  --text: #1a1a1a;
  --muted: #555;
  --line: #ccc8bc;
  --font-body: "Libre Franklin", sans-serif;
  --font-display: "Libre Baskerville", serif;
  --radius: 0;
}

html[data-theme="museum"] {
  --void: #fafafa;
  --hud: #fafafa;
  --neon: #222;
  --cyan: #444;
  --volt: #222;
  --glyph: #999;
  --text: #222;
  --muted: #666;
  --line: #ddd;
  --font-body: "Libre Franklin", sans-serif;
  --font-display: "Cormorant Garamond", serif;
  --radius: 0;
}

html[data-theme="vaporwave"] {
  --void: #1a1030;
  --hud: rgba(26, 16, 48, 0.94);
  --neon: #ff6ec7;
  --cyan: #7873f5;
  --volt: #ffeb3b;
  --glyph: #8868a8;
  --text: #f0e8ff;
  --muted: #b0a0d0;
  --line: rgba(255, 110, 199, 0.35);
  --font-body: "Syncopate", sans-serif;
  --font-display: "Syncopate", sans-serif;
  --radius: 0;
  --home-pattern: linear-gradient(180deg, transparent 60%, rgba(120, 115, 245, 0.2));
}

html[data-theme="scrapbook"] {
  --void: #8b7355;
  --hud: rgba(139, 115, 85, 0.95);
  --neon: #e8f4fc;
  --cyan: #fffef5;
  --volt: #fffef5;
  --glyph: #d4c4a8;
  --text: #fffef5;
  --muted: #e8dcc8;
  --line: #6a5840;
  --font-body: "Patrick Hand", cursive;
  --font-display: "Caveat", cursive;
  --radius: 8px;
}