: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);
    --text: #dde3ec;
    --text2: #7a8899;
    --text3: #3d4f62;
    --accent: #3b82f6;
    --accent-dim: rgba(59, 130, 246, 0.10);
    --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: 1120px;
}