:root {
color-scheme: dark;
--ground: #040912; --ground-2: #071226;
--panel: rgba(9, 24, 46, .62); --panel-solid: #0a1729; --panel-hi: rgba(25, 211, 255, .07);
--edge: rgba(70, 190, 255, .2); --edge-hi: rgba(70, 215, 255, .62);
--ink: #eaf6ff; --ink-2: #b9cce2; --muted: #7590ae;
--accent: #19d3ff; --accent-2: #3b82ff; --accent-ink: #021018; --glow: rgba(25, 211, 255, .32);
--on: #3cf0a0; --review: #5aa8ff; --beta: #ffc23d; --dev: #6c7f99;
--shadow: 0 30px 80px -30px rgba(0, 0, 0, .85);
--sans: "Geist", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
--cond: "Barlow Condensed", "Arial Narrow", "Segoe UI", sans-serif;
--mono: "Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}
:root[data-phase="dawn"] {
--ground: #0b0e1f; --ground-2: #221d3d; --panel: rgba(34, 26, 60, .55); --panel-solid: #171631; --panel-hi: rgba(255, 170, 110, .08);
--edge: rgba(255, 190, 140, .2); --edge-hi: rgba(255, 190, 140, .6); --ink: #f5f1ff; --ink-2: #d2c8e6; --muted: #9a91b4;
--accent: #ffaa6e; --accent-2: #7fd6e0; --accent-ink: #1c0f06; --glow: rgba(255, 170, 110, .3);
}
:root[data-phase="day"] {
--ground: #050c18; --ground-2: #0a1a33; --panel: rgba(12, 30, 58, .6); --panel-solid: #0b1a30; --panel-hi: rgba(77, 163, 255, .08);
--edge: rgba(95, 170, 255, .22); --edge-hi: rgba(110, 185, 255, .65); --ink: #eef6ff; --ink-2: #c2d3e8; --muted: #7d93b0;
--accent: #4da3ff; --accent-2: #7c6cff; --accent-ink: #030a14; --glow: rgba(77, 163, 255, .34);
}
:root[data-phase="dusk"] {
--ground: #0b0716; --ground-2: #1f0f27; --panel: rgba(40, 16, 44, .55); --panel-solid: #1a0d22; --panel-hi: rgba(255, 138, 76, .08);
--edge: rgba(255, 150, 100, .2); --edge-hi: rgba(255, 160, 110, .62); --ink: #fff1ea; --ink-2: #e3c6c4; --muted: #a88a98;
--accent: #ff8a4c; --accent-2: #ff4f8b; --accent-ink: #1c0a06; --glow: rgba(255, 138, 76, .32);
}