/* light is default */
html[data-theme="light"] {
    --color-bg: #ffffff;
    --color-text: #1f2937;
    --color-surface: #ffffff;
    --color-primary: #0059ff;
}

/* dark theme variables */
html[data-theme="dark"] {
    --color-bg: #0b1220;
    --color-text: #e6eef8;
    --color-surface: #071021;
    --color-primary: #7fb3ff;
}

/* global background */
body {
    background: linear-gradient(180deg, var(--color-bg), var(--color-surface));
}