/* Theme custom properties + refractive-glass gradient. Themes swap via data-theme on . */ :root { --bg: #0b0b10; --ink: #e8e8f0; --muted: #9a9ab0; --line: rgba(255, 255, 255, 0.10); --accent: #ffffff; --spine: rgba(255, 255, 255, 0.18); /* gradient stops */ --g-base-1: #0b0b10; --g-base-2: #15151f; --g-base-3: #0b0b10; --g-streak-a: #67e8ff; --g-streak-b: #ffffff; --g-streak-c: #ff8adf; --g-streak-d: #ffe58a; } html[data-theme='prism'] { --bg:#0b0b10; --accent:#ffffff; --g-base-1:#0b0b10; --g-base-2:#15151f; --g-base-3:#0b0b10; --g-streak-a:#67e8ff; --g-streak-b:#ffffff; --g-streak-c:#ff8adf; --g-streak-d:#ffe58a; } html[data-theme='ember'] { --bg:#160a10; --accent:#ffb15c; --g-base-1:#160a10; --g-base-2:#2a1220; --g-base-3:#160a10; --g-streak-a:#ffd15c; --g-streak-b:#fff3d6; --g-streak-c:#ff6f91; --g-streak-d:#c85cff; } html[data-theme='aurora'] { --bg:#04141a; --accent:#5cffd0; --g-base-1:#04141a; --g-base-2:#062033; --g-base-3:#04141a; --g-streak-a:#6be3ff; --g-streak-b:#ffffff; --g-streak-c:#7affc3; --g-streak-d:#8f6bff; }