/* Default values are placeholders — actual values come from /assets/generated/theme.json,
 * loaded by js/theme.js and written into these custom properties at runtime. */
:root {
    --md-primary: #5B9BD5;
    --md-on-primary: #FFFFFF;
    --md-primary-container: #274C75;
    --md-on-primary-container: #CDE3F8;
    --md-secondary: #4CAF50;
    --md-on-secondary: #FFFFFF;
    --md-secondary-container: #1B3A1B;
    --md-on-secondary-container: #A5D6A7;
    --md-tertiary: #FF9800;
    --md-on-tertiary: #FFFFFF;
    --md-tertiary-container: #3E2723;
    --md-on-tertiary-container: #FFCC80;
    --md-error: #E57373;
    --md-on-error: #FFFFFF;
    --md-background: #0F0F0F;
    --md-on-background: #E8E8E8;
    --md-surface: #1A1A1A;
    --md-on-surface: #E8E8E8;
    --md-surface-variant: #252525;
    --md-on-surface-variant: #B0B0B0;
    --md-outline: #404040;
    --md-outline-variant: #303030;
}

body {
    background: var(--md-background);
    color: var(--md-on-background);
}