/* Explain: Dark mode color variables and styles. */
html.dark {
    --background-color: #071417;
    --surface-color: #10262b;
    --cream-color: #0b1e22;
    --text-color: #e6f3f1;
    --text-muted: color-mix(in srgb, #e6f3f1 64%, transparent);
    --border-color: color-mix(in srgb, #2EC4B6 26%, transparent);
    --shadow-soft: 0 24px 70px color-mix(in srgb, #000000 55%, transparent);
    --shadow-card: 0 18px 45px color-mix(in srgb, #000000 42%, transparent);
    color-scheme: dark;
}

html.dark body {
    background:
        radial-gradient(circle at 6% 4%, color-mix(in srgb, var(--primary-color) 16%, transparent), transparent 26rem),
        radial-gradient(circle at 94% 8%, color-mix(in srgb, var(--secondary-color) 12%, transparent), transparent 30rem),
        linear-gradient(180deg, var(--cream-color), var(--background-color) 100%);
}

html.dark .header-glass {
    background: color-mix(in srgb, var(--cream-color) 88%, transparent);
}