:root {
    /* Material 3 Light Mode Palette */
    --md-sys-color-background: #fdfdfd;
    --md-sys-color-on-background: #1a1c1e;
    --md-sys-color-surface-container: #f0f0f4;
    --md-sys-color-surface-container-high: #e7e8ec;
    --md-sys-color-on-surface: #1a1c1e;
    --md-sys-color-on-surface-variant: #43474e;
}

.dark {
    /* Material 3 Dark Mode Palette */
    --md-sys-color-background: #000000;
    --md-sys-color-on-background: #e2e2e6;
    --md-sys-color-surface-container: #121212;
    --md-sys-color-surface-container-high: #1e1e1e;
    --md-sys-color-on-surface: #e2e2e6;
    --md-sys-color-on-surface-variant: #c4c6d0;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}