:root,
html[data-theme="dark"] {
    --bg: #050914;
    --bg-soft: #081020;
    --surface: rgba(255, 255, 255, 0.055);
    --surface-strong: rgba(255, 255, 255, 0.085);
    --surface-card: rgba(9, 17, 32, 0.82);
    --text: #f6f8ff;
    --text-soft: #d7e1f6;
    --muted: #98a8c4;
    --line: rgba(255, 255, 255, 0.12);
    --line-strong: rgba(255, 255, 255, 0.22);
    --accent: #36c9ff;
    --accent-two: #7d6cff;
    --accent-faint: rgba(54, 201, 255, 0.16);
    --shadow: 0 22px 70px rgba(0, 0, 0, 0.38);
    --header-bg: rgba(5, 9, 20, 0.78);
}

html[data-theme="light"] {
    --bg: #f5f8ff;
    --bg-soft: #edf3ff;
    --surface: rgba(255, 255, 255, 0.78);
    --surface-strong: rgba(255, 255, 255, 0.96);
    --surface-card: rgba(255, 255, 255, 0.86);
    --text: #0f172a;
    --text-soft: #26344f;
    --muted: #64748b;
    --line: rgba(15, 23, 42, 0.12);
    --line-strong: rgba(15, 23, 42, 0.2);
    --accent: #006dca;
    --accent-two: #5a4cff;
    --accent-faint: rgba(0, 109, 202, 0.11);
    --shadow: 0 22px 60px rgba(29, 46, 86, 0.14);
    --header-bg: rgba(245, 248, 255, 0.78);
}