/* Base theme styles */
@import url("https://rsms.me/inter/inter.css");

:root {
    --color-text-light: #023646;
    --color-bg-light: #f0f9ff;
    --color-text-dark: #e5e7eb;
    --color-bg-dark: #1f2937;
}

body,
html {
    font-family: "Inter", sans-serif;
    margin: 0;
    padding: 0;
    color: var(--color-text-light);
    background-color: var(--color-bg-light);
}

/* System preference dark mode */
@media (prefers-color-scheme: dark) {
    body,
    html {
        color: var(--color-text-dark);
        background-color: var(--color-bg-dark);
    }
}

/* Manual theme toggle - light mode */
html[data-theme="light"] body,
html[data-theme="light"] html {
    color: var(--color-text-light);
    background-color: var(--color-bg-light);
}

/* Manual theme toggle - dark mode */
html[data-theme="dark"] body,
html[data-theme="dark"] html {
    color: var(--color-text-dark);
    background-color: var(--color-bg-dark);
}