:root {
    color-scheme: dark;
    --bg: #07090d;
    --bg2: #0d1117;
    --bg3: #121920;
    --bg4: #1a2330;
    --grid-line: rgba(59, 130, 246, 0.075);
    --grid-dot: rgba(255, 255, 255, 0.08);
    --page-fade: rgba(7, 9, 13, 0.72);
    --nav-bg: rgba(7, 9, 13, 0.85);
    --border: rgba(255, 255, 255, 0.06);
    --border2: rgba(255, 255, 255, 0.11);
    --border3: rgba(255, 255, 255, 0.18);
    --overlay: rgba(7, 9, 13, 0.88);
    --section-band: rgba(13, 17, 23, 0.62);
    --text: #dde3ec;
    --text2: #7a8899;
    --text3: #3d4f62;
    --accent: #3b82f6;
    --accent-dim: rgba(59, 130, 246, 0.10);
    --accent-muted: rgba(59, 130, 246, 0.16);
    --accent-glow: rgba(59, 130, 246, 0.05);
    --accent-brd: rgba(59, 130, 246, 0.25);
    --light-sweep: rgba(255, 255, 255, 0.025);
    --cursor-card: rgba(255, 255, 255, 0.12);
    --green: #22d3a0;
    --green-dim: rgba(34, 211, 160, 0.08);
    --green-brd: rgba(34, 211, 160, 0.2);
    --amber: #f59e0b;
    --amber-dim: rgba(245, 158, 11, 0.07);
    --amber-brd: rgba(245, 158, 11, 0.2);
    --error: #f87171;
    --font-sans: "DM Sans", system-ui, sans-serif;
    --font-mono: "DM Mono", "Fira Code", monospace;
    --r: 6px;
    --rl: 10px;
    --container-max: 1200px;
}

:root[data-theme="light"] {
    color-scheme: light;
    --bg: #eee8df;
    --bg2: #faf6ef;
    --bg3: #e4dcd1;
    --bg4: #d4c8ba;
    --surface-blue: #f3e8d7;
    --surface-mint: #e6ede4;
    --surface-lilac: #f0e3e2;
    --grid-line: rgba(143, 84, 60, 0.055);
    --grid-dot: rgba(74, 58, 47, 0.055);
    --page-fade: rgba(238, 232, 223, 0.82);
    --nav-bg: rgba(250, 246, 239, 0.9);
    --border: rgba(69, 53, 42, 0.1);
    --border2: rgba(69, 53, 42, 0.18);
    --border3: rgba(69, 53, 42, 0.3);
    --overlay: rgba(238, 232, 223, 0.93);
    --section-band: rgba(225, 214, 201, 0.8);
    --text: #241f1b;
    --text2: #625a52;
    --text3: #8a8075;
    --accent: #9b583f;
    --accent-dim: rgba(155, 88, 63, 0.085);
    --accent-muted: rgba(155, 88, 63, 0.15);
    --accent-glow: rgba(155, 88, 63, 0.065);
    --accent-brd: rgba(155, 88, 63, 0.3);
    --light-sweep: rgba(255, 252, 247, 0.62);
    --cursor-card: rgba(69, 53, 42, 0.16);
    --green: #3f755e;
    --green-dim: rgba(63, 117, 94, 0.09);
    --green-brd: rgba(63, 117, 94, 0.25);
    --amber: #97662d;
    --amber-dim: rgba(151, 102, 45, 0.09);
    --amber-brd: rgba(151, 102, 45, 0.24);
    --error: #a74751;
}