/* ===================================================================== JEREMYOS — THEMES (color systems + tokens) Change palettes here. Themes swap via [data-theme] on . ===================================================================== */ :root { /* Type */ --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-mono: ui-monospace, "Cascadia Mono", "Cascadia Code", Consolas, "SFMono-Regular", "Liberation Mono", Menlo, monospace; /* Spacing / structure */ --radius: 0px; /* retro = hard corners */ --gap: 16px; --maxw: 1180px; --taskbar-h: 44px; /* Windows-era bevels */ --bevel-light: #f6f6ef; --bevel-face: #c9c8bd; --bevel-shadow: #6f6e64; --bevel-dark: #3b3a33; } /* ---- DEFAULT: PHOSPHOR (charcoal CRT + green, blue links, amber 2nd) ---- */ :root, [data-theme="phosphor"] { --bg: #0a0e0b; --bg-2: #0f1611; --panel: #121a14; --panel-2: #172218; --ink: #d9e6d2; /* warm off-white terminal text */ --ink-dim: #8fa588; --ink-faint: #5f7159; --accent: #33ff88; /* phosphor green (accent 1) */ --accent-2: #ffb347; /* amber (accent 2) */ --link: #6cc0ff; /* electric blue hyperlink */ --link-hover: #a9dbff; --danger: #ff5a52; /* warning red */ --navy: #10203a; --line: #26382a; --glow: 0 0 6px rgba(51,255,136,.35); --wallpaper: radial-gradient(120% 90% at 50% -10%, #12251a 0%, transparent 60%), repeating-linear-gradient(0deg, #0b110c 0 2px, #0a0e0b 2px 4px), #0a0e0b; } /* ---- AMBER TERMINAL ---- */ [data-theme="amber"] { --bg: #120c02; --bg-2: #17100a; --panel: #1c1408; --panel-2: #241a0c; --ink: #ffdca8; --ink-dim: #c79b5e; --ink-faint: #8a6a3c; --accent: #ffb347; --accent-2: #ff7b3d; --link: #ffd479; --link-hover: #ffe6ad; --danger: #ff6a4d; --navy: #2a1a06; --line: #3a2a12; --glow: 0 0 6px rgba(255,179,71,.4); --wallpaper: radial-gradient(120% 90% at 50% -10%, #2a1c08 0%, transparent 60%), repeating-linear-gradient(0deg, #140d03 0 2px, #120c02 2px 4px), #120c02; } /* ---- BACKROOMS (liminal yellow) ---- */ [data-theme="backrooms"] { --bg: #b8a44f; --bg-2: #c3b058; --panel: #d8c76b; --panel-2: #cbba60; --ink: #3b3312; --ink-dim: #5c4f22; --ink-faint: #776b3a; --accent: #6b5c1e; --accent-2: #8a7522; --link: #33302a; --link-hover: #000; --danger: #7a3b1a; --navy: #9a8a3f; --line: #9c8b40; --glow: 0 0 0 rgba(0,0,0,0); --wallpaper: radial-gradient(140% 100% at 50% 20%, #c9b95e 0%, #a89440 100%); } /* ---- HIGH CONTRAST ---- */ [data-theme="highcontrast"] { --bg: #000; --bg-2: #000; --panel: #0a0a0a; --panel-2: #111; --ink: #ffffff; --ink-dim: #d8d8d8; --ink-faint: #a8a8a8; --accent: #00ff5f; --accent-2: #ffd000; --link: #7fd0ff; --link-hover: #ffffff; --danger: #ff5a52; --navy: #001233; --line: #ffffff; --glow: none; --wallpaper: #000; }