:root {
    --md-sys-color-primary: #356A35;
    --md-sys-color-on-primary: #FFFFFF;
    --md-sys-color-primary-container: #B6F2AF;
    --md-sys-color-on-primary-container: #002204;
    --md-sys-color-secondary: #7D5262;
    --md-sys-color-on-secondary: #FFFFFF;
    --md-sys-color-secondary-container: #FFD9E4;
    --md-sys-color-on-secondary-container: #31111F;
    --md-sys-color-tertiary: #555B8B;
    --md-sys-color-on-tertiary: #FFFFFF;
    --md-sys-color-tertiary-container: #DFE0FF;
    --md-sys-color-on-tertiary-container: #111744;
    --md-sys-color-error: #BA1A1A;
    --md-sys-color-on-error: #FFFFFF;
    --md-sys-color-error-container: #FFDAD6;
    --md-sys-color-on-error-container: #410002;
    --md-sys-color-surface: #FBF8FF;
    --md-sys-color-on-surface: #1A1B23;
    --md-sys-color-surface-variant: #E2E1F3;
    --md-sys-color-on-surface-variant: #46464F;
    --md-sys-color-outline: #777680;
    --md-sys-color-shadow: #000000;
    --md-sys-color-inverse-surface: #2F3038;
    --md-sys-color-inverse-on-surface: #F2EFFA;
    --md-sys-color-inverse-primary: #9BD595;
    --md-sys-color-surface-dim: #DBD9E4;
    --md-sys-color-surface-bright: #FBF8FF;
    --md-sys-color-surface-container-lowest: #FFFFFF;
    --md-sys-color-surface-container-low: #F5F2FD;
    --md-sys-color-surface-container: #EFECF8;
    --md-sys-color-surface-container-high: #E9E7F2;
    --md-sys-color-surface-container-highest: #E3E1EC;
    --md-sys-color-outline-variant: #C7C5D0;
}

@media (prefers-color-scheme: dark) {
    :root {
        --md-sys-color-primary: #9BD595;
        --md-sys-color-on-primary: #00390A;
        --md-sys-color-primary-container: #1C511F;
        --md-sys-color-on-primary-container: #B6F2AF;
        --md-sys-color-secondary: #EEB8CA;
        --md-sys-color-on-secondary: #492534;
        --md-sys-color-secondary-container: #623B4A;
        --md-sys-color-on-secondary-container: #FFD9E4;
        --md-sys-color-tertiary: #BEC3FA;
        --md-sys-color-on-tertiary: #272C5A;
        --md-sys-color-tertiary-container: #3E4372;
        --md-sys-color-on-tertiary-container: #DFE0FF;
        --md-sys-color-error: #FFB4AB;
        --md-sys-color-on-error: #690005;
        --md-sys-color-error-container: #93000A;
        --md-sys-color-on-error-container: #FFB4AB;
        --md-sys-color-surface: #12131A;
        --md-sys-color-on-surface: #E3E1EC;
        --md-sys-color-surface-variant: #454654;
        --md-sys-color-on-surface-variant: #C7C5D0;
        --md-sys-color-outline: #91909A;
        --md-sys-color-shadow: #000000;
        --md-sys-color-inverse-surface: #E3E1EC;
        --md-sys-color-inverse-on-surface: #2F3038;
        --md-sys-color-inverse-primary: #356A35;
        --md-sys-color-surface-dim: #12131A;
        --md-sys-color-surface-bright: #383841;
        --md-sys-color-surface-container-lowest: #0D0E15;
        --md-sys-color-surface-container-low: #1A1B23;
        --md-sys-color-surface-container: #1F1F27;
        --md-sys-color-surface-container-high: #292931;
        --md-sys-color-surface-container-highest: #34343C;
        --md-sys-color-outline-variant: #46464F;
    }
}