@import url("/css/base.css");

/* Light mode */
:root {
    --bg: #eef2ff;
    --bg-card: rgba(255, 255, 255, 0.7);
    --text-primary: #0b0f3b;
    --text-secondary: #3b3f73;
    --border: #ccd0ff;
    --shadow: 0 0 25px rgba(60, 90, 255, 0.35);
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #040613;
        --bg-card: rgba(10, 12, 30, 0.75);
        --text-primary: #d6dbff;
        --text-secondary: #7a80d4;
        --border: #22254f;
        --shadow: 0 0 35px rgba(110, 130, 255, 0.55);
    }
}

body {
    background: radial-gradient(circle at top, #3a3aff33, var(--bg));
}

/* Fancy hover glow on values */
.value:hover {
    text-shadow: 0 0 10px rgba(120, 140, 255, 0.9);
}