:root,
[data-theme="dark"] {
    --bg: #060f18;
    --bg-2: #0a1826;
    --surface: #0d1f2e;
    --surface-2: #122a3c;
    --text: #e8f4f9;
    --muted: #8aa9ba;
    --line: rgba(136, 208, 238, .13);
    --line-strong: rgba(136, 208, 238, .32);
    --cyan: #3ddcf7;
    --amber: #ffb454;
    --mint: #3ef2b0;
    --mint-soft: rgba(62, 242, 176, .45);
    --cyan-glow: rgba(61, 220, 247, .45);
    --sheen: rgba(255, 255, 255, .10);
    --knob: #123146;
    --shadow: 0 30px 60px -20px rgba(0, 0, 0, .65);
}

[data-theme="light"] {
    --bg: #e1eaef;
    --bg-2: #d6e2e8;
    --surface: #ffffff;
    --surface-2: #f2f7fa;
    --text: #0a2433;
    --muted: #547286;
    --line: rgba(10, 64, 88, .15);
    --line-strong: rgba(10, 64, 88, .28);
    --cyan: #0891b2;
    --amber: #d97706;
    --mint: #059669;
    --mint-soft: rgba(5, 150, 105, .4);
    --cyan-glow: rgba(8, 145, 178, .35);
    --sheen: rgba(255, 255, 255, .7);
    --knob: #d9f1f8;
    --shadow: 0 30px 60px -28px rgba(14, 52, 72, .35);
}