@import url('light.css');
@import url('dark.css');

/* Base transition for theme switching */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: var(--md-sys-color-background);
    color: var(--md-sys-color-on-background);
}

/* Ensure material symbols use the correct color by default if desired */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
    color: var(--md-sys-color-primary);
}