/* theme.css. alternate color themes for viragsam.eu. Applied via set by theme.js. No data-theme attribute = original editorial gold theme (defaults in style.css / project.css). */ :root[data-theme="regolith"] { --bg: #141412; --panel: #1b1a17; --panel-deep: #100f0d; --text: #eae6dd; --muted: #93897a; --accent: #b8c9a8; --border: rgba(234,230,221,0.09); --border-strong: rgba(234,230,221,0.16); --bg-raised: #1b1a17; --ink: #eae6dd; --ink-dim: #93897a; --gold: #b8c9a8; --line: rgba(234,230,221,0.12); --nav-bg: rgba(20,20,18,0.88); } :root[data-theme="phosphor"] { --bg: #050805; --panel: #081008; --panel-deep: #030503; --text: #c9f7c9; --muted: #4f9a55; --accent: #57ff7a; --border: rgba(201,247,201,0.09); --border-strong: rgba(201,247,201,0.18); --bg-raised: #081008; --ink: #c9f7c9; --ink-dim: #4f9a55; --gold: #57ff7a; --line: rgba(201,247,201,0.13); --nav-bg: rgba(5,8,5,0.88); --display-font: ui-monospace, 'Courier New', monospace; --display-transform: uppercase; --display-tracking: 0.03em; --em-style: normal; --radius: 0px; --pill-radius: 0px; } :root[data-theme="observatory"] { --bg: #0c1120; --panel: #111832; --panel-deep: #080b16; --text: #e4e9f7; --muted: #7c8ab0; --accent: #7fd4ff; --border: rgba(228,233,247,0.09); --border-strong: rgba(228,233,247,0.16); --bg-raised: #111832; --ink: #e4e9f7; --ink-dim: #7c8ab0; --gold: #7fd4ff; --line: rgba(228,233,247,0.12); --nav-bg: rgba(12,17,32,0.88); } :root[data-theme="shadow"] { --bg: #ffffff; --panel: #f7f7f5; --panel-deep: #efeeea; --text: #111111; --muted: #555555; --accent: #c21807; --border: rgba(17,17,17,0.12); --border-strong: rgba(17,17,17,0.2); --bg-raised: #f7f7f5; --ink: #111111; --ink-dim: #555555; --gold: #c21807; --line: rgba(17,17,17,0.16); --nav-bg: rgba(255,255,255,0.88); } :root[data-theme="amber"] { --bg: #12190f; --panel: #182213; --panel-deep: #0d120a; --text: #f1e8d8; --muted: #9aa686; --accent: #d98c3f; --border: rgba(241,232,216,0.09); --border-strong: rgba(241,232,216,0.16); --bg-raised: #182213; --ink: #f1e8d8; --ink-dim: #9aa686; --gold: #d98c3f; --line: rgba(241,232,216,0.12); --nav-bg: rgba(18,25,15,0.88); } :root[data-theme="crt"] { --bg: #1c1712; --panel: #241d16; --panel-deep: #15110d; --text: #ffcf8b; --muted: #a67f4a; --accent: #ffb347; --border: rgba(255,207,139,0.1); --border-strong: rgba(255,207,139,0.18); --bg-raised: #241d16; --ink: #ffcf8b; --ink-dim: #a67f4a; --gold: #ffb347; --line: rgba(255,207,139,0.13); --nav-bg: rgba(28,23,18,0.88); --display-font: ui-monospace, 'Courier New', monospace; --display-transform: uppercase; --display-tracking: 0.02em; --em-style: normal; --radius: 0px; --pill-radius: 0px; } :root[data-theme="aurora"] { --bg: #0a1414; --panel: #0f1c1c; --panel-deep: #060d0d; --text: #e6f5f2; --muted: #6f9c96; --accent: #d68fff; --border: rgba(230,245,242,0.09); --border-strong: rgba(230,245,242,0.16); --bg-raised: #0f1c1c; --ink: #e6f5f2; --ink-dim: #6f9c96; --gold: #d68fff; --line: rgba(230,245,242,0.12); --nav-bg: rgba(10,20,20,0.88); } :root[data-theme="paper"] { --bg: #f6f3ea; --panel: #fbf9f2; --panel-deep: #efece2; --text: #2b2820; --muted: #6f6a5c; --accent: #2454a8; --border: rgba(43,40,32,0.12); --border-strong: rgba(43,40,32,0.2); --bg-raised: #fbf9f2; --ink: #2b2820; --ink-dim: #6f6a5c; --gold: #2454a8; --line: rgba(43,40,32,0.16); --nav-bg: rgba(246,243,234,0.88); } :root[data-theme="signal"] { --bg: #0b0a0a; --panel: #141212; --panel-deep: #060505; --text: #f0eae5; --muted: #8a827c; --accent: #ff3b30; --border: rgba(240,234,229,0.09); --border-strong: rgba(240,234,229,0.16); --bg-raised: #141212; --ink: #f0eae5; --ink-dim: #8a827c; --gold: #ff3b30; --line: rgba(240,234,229,0.12); --nav-bg: rgba(11,10,10,0.88); --display-font: ui-monospace, 'Courier New', monospace; --display-transform: uppercase; --display-tracking: 0.015em; --em-style: normal; --radius: 0px; --pill-radius: 0px; } :root[data-theme="glacier"] { --bg: #eef3f6; --panel: #ffffff; --panel-deep: #e3ebf0; --text: #16232b; --muted: #54707d; --accent: #0f8b8d; --border: rgba(22,35,43,0.12); --border-strong: rgba(22,35,43,0.2); --bg-raised: #ffffff; --ink: #16232b; --ink-dim: #54707d; --gold: #0f8b8d; --line: rgba(22,35,43,0.16); --nav-bg: rgba(238,243,246,0.88); --radius: 8px; --pill-radius: 8px; }