:root,[data-theme=default] {
    --color-primary-darker: hsl(38, 52%, 43%);
    --color-primary-darker-h: 38;
    --color-primary-darker-s: 52%;
    --color-primary-darker-l: 43%;
    --color-primary-dark: hsl(38, 52%, 47%);
    --color-primary-dark-h: 38;
    --color-primary-dark-s: 52%;
    --color-primary-dark-l: 47%;
    --color-primary: hsl(38, 52%, 53%);
    --color-primary-h: 38;
    --color-primary-s: 52%;
    --color-primary-l: 53%;
    --color-primary-light: hsl(38, 52%, 61%);
    --color-primary-light-h: 38;
    --color-primary-light-s: 52%;
    --color-primary-light-l: 61%;
    --color-primary-lighter: hsl(38, 52%, 69%);
    --color-primary-lighter-h: 38;
    --color-primary-lighter-s: 52%;
    --color-primary-lighter-l: 69%;
    --color-accent-darker: hsl(9, 59%, 36%);
    --color-accent-darker-h: 9;
    --color-accent-darker-s: 59%;
    --color-accent-darker-l: 36%;
    --color-accent-dark: hsl(9, 59%, 41%);
    --color-accent-dark-h: 9;
    --color-accent-dark-s: 59%;
    --color-accent-dark-l: 41%;
    --color-accent: hsl(9, 59%, 46%);
    --color-accent-h: 9;
    --color-accent-s: 59%;
    --color-accent-l: 46%;
    --color-accent-light: hsl(9, 59%, 53%);
    --color-accent-light-h: 9;
    --color-accent-light-s: 59%;
    --color-accent-light-l: 53%;
    --color-accent-lighter: hsl(9, 59%, 59%);
    --color-accent-lighter-h: 9;
    --color-accent-lighter-s: 59%;
    --color-accent-lighter-l: 59%;
    --color-secondary-darker: hsl(184, 36%, 52%);
    --color-secondary-darker-h: 184;
    --color-secondary-darker-s: 36%;
    --color-secondary-darker-l: 52%;
    --color-secondary-dark: hsl(184, 36%, 58%);
    --color-secondary-dark-h: 184;
    --color-secondary-dark-s: 36%;
    --color-secondary-dark-l: 58%;
    --color-secondary: hsl(184, 36%, 63%);
    --color-secondary-h: 184;
    --color-secondary-s: 36%;
    --color-secondary-l: 63%;
    --color-secondary-light: hsl(184, 36%, 70%);
    --color-secondary-light-h: 184;
    --color-secondary-light-s: 36%;
    --color-secondary-light-l: 70%;
    --color-secondary-lighter: hsl(184, 36%, 76%);
    --color-secondary-lighter-h: 184;
    --color-secondary-lighter-s: 36%;
    --color-secondary-lighter-l: 76%;
    --color-black: hsl(345, 6%, 13%);
    --color-black-h: 345;
    --color-black-s: 6%;
    --color-black-l: 13%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(46, 100%, 47%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 47%;
    --color-warning-dark: hsl(46, 100%, 50%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 50%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 80%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 80%;
    --color-success-darker: hsl(94, 48%, 42%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 42%;
    --color-success-dark: hsl(94, 48%, 48%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 48%;
    --color-success: hsl(94, 48%, 56%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: hsl(94, 48%, 65%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 65%;
    --color-success-lighter: hsl(94, 48%, 74%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 74%;
    --color-error-darker: hsl(343, 66%, 45%);
    --color-error-darker-h: 343;
    --color-error-darker-s: 66%;
    --color-error-darker-l: 45%;
    --color-error-dark: hsl(343, 67%, 51%);
    --color-error-dark-h: 343;
    --color-error-dark-s: 67%;
    --color-error-dark-l: 51%;
    --color-error: hsl(343, 75%, 57%);
    --color-error-h: 343;
    --color-error-s: 75%;
    --color-error-l: 57%;
    --color-error-light: hsl(343, 75%, 64%);
    --color-error-light-h: 343;
    --color-error-light-s: 75%;
    --color-error-light-l: 64%;
    --color-error-lighter: hsl(343, 75%, 70%);
    --color-error-lighter-h: 343;
    --color-error-lighter-s: 75%;
    --color-error-lighter-l: 70%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-contrast-lower: hsl(0, 4%, 95%);
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 4%;
    --color-contrast-lower-l: 95%;
    --color-contrast-low: hsl(0, 1%, 83%);
    --color-contrast-low-h: 0;
    --color-contrast-low-s: 1%;
    --color-contrast-low-l: 83%;
    --color-contrast-medium: hsl(0, 1%, 49%);
    --color-contrast-medium-h: 0;
    --color-contrast-medium-s: 1%;
    --color-contrast-medium-l: 49%;
    --color-contrast-high: hsl(345, 4%, 22%);
    --color-contrast-high-h: 345;
    --color-contrast-high-s: 4%;
    --color-contrast-high-l: 22%;
    --color-contrast-higher: hsl(345, 6%, 13%);
    --color-contrast-higher-h: 345;
    --color-contrast-higher-s: 6%;
    --color-contrast-higher-l: 13%
}

@supports(--css: variables) {
    [data-theme=dark-1] {
        --color-primary-darker:hsl(38, 52%, 43%);
        --color-primary-darker-h: 38;
        --color-primary-darker-s: 52%;
        --color-primary-darker-l: 43%;
        --color-primary-dark: hsl(38, 52%, 47%);
        --color-primary-dark-h: 38;
        --color-primary-dark-s: 52%;
        --color-primary-dark-l: 47%;
        --color-primary: hsl(38, 52%, 53%);
        --color-primary-h: 38;
        --color-primary-s: 52%;
        --color-primary-l: 53%;
        --color-primary-light: hsl(38, 52%, 61%);
        --color-primary-light-h: 38;
        --color-primary-light-s: 52%;
        --color-primary-light-l: 61%;
        --color-primary-lighter: hsl(38, 52%, 69%);
        --color-primary-lighter-h: 38;
        --color-primary-lighter-s: 52%;
        --color-primary-lighter-l: 69%;
        --color-accent-darker: hsl(9, 59%, 36%);
        --color-accent-darker-h: 9;
        --color-accent-darker-s: 59%;
        --color-accent-darker-l: 36%;
        --color-accent-dark: hsl(9, 59%, 41%);
        --color-accent-dark-h: 9;
        --color-accent-dark-s: 59%;
        --color-accent-dark-l: 41%;
        --color-accent: hsl(9, 59%, 46%);
        --color-accent-h: 9;
        --color-accent-s: 59%;
        --color-accent-l: 46%;
        --color-accent-light: hsl(9, 59%, 53%);
        --color-accent-light-h: 9;
        --color-accent-light-s: 59%;
        --color-accent-light-l: 53%;
        --color-accent-lighter: hsl(9, 59%, 59%);
        --color-accent-lighter-h: 9;
        --color-accent-lighter-s: 59%;
        --color-accent-lighter-l: 59%;
        --color-secondary-darker: hsl(184, 36%, 52%);
        --color-secondary-darker-h: 184;
        --color-secondary-darker-s: 36%;
        --color-secondary-darker-l: 52%;
        --color-secondary-dark: hsl(184, 36%, 58%);
        --color-secondary-dark-h: 184;
        --color-secondary-dark-s: 36%;
        --color-secondary-dark-l: 58%;
        --color-secondary: hsl(184, 36%, 63%);
        --color-secondary-h: 184;
        --color-secondary-s: 36%;
        --color-secondary-l: 63%;
        --color-secondary-light: hsl(184, 36%, 70%);
        --color-secondary-light-h: 184;
        --color-secondary-light-s: 36%;
        --color-secondary-light-l: 70%;
        --color-secondary-lighter: hsl(184, 36%, 76%);
        --color-secondary-lighter-h: 184;
        --color-secondary-lighter-s: 36%;
        --color-secondary-lighter-l: 76%;
        --color-black: hsl(345, 6%, 13%);
        --color-black-h: 345;
        --color-black-s: 6%;
        --color-black-l: 13%;
        --color-white: hsl(0, 0%, 100%);
        --color-white-h: 0;
        --color-white-s: 0%;
        --color-white-l: 100%;
        --color-warning-darker: hsl(46, 100%, 47%);
        --color-warning-darker-h: 46;
        --color-warning-darker-s: 100%;
        --color-warning-darker-l: 47%;
        --color-warning-dark: hsl(46, 100%, 50%);
        --color-warning-dark-h: 46;
        --color-warning-dark-s: 100%;
        --color-warning-dark-l: 50%;
        --color-warning: hsl(46, 100%, 61%);
        --color-warning-h: 46;
        --color-warning-s: 100%;
        --color-warning-l: 61%;
        --color-warning-light: hsl(46, 100%, 71%);
        --color-warning-light-h: 46;
        --color-warning-light-s: 100%;
        --color-warning-light-l: 71%;
        --color-warning-lighter: hsl(46, 100%, 80%);
        --color-warning-lighter-h: 46;
        --color-warning-lighter-s: 100%;
        --color-warning-lighter-l: 80%;
        --color-success-darker: hsl(94, 48%, 42%);
        --color-success-darker-h: 94;
        --color-success-darker-s: 48%;
        --color-success-darker-l: 42%;
        --color-success-dark: hsl(94, 48%, 48%);
        --color-success-dark-h: 94;
        --color-success-dark-s: 48%;
        --color-success-dark-l: 48%;
        --color-success: hsl(94, 48%, 56%);
        --color-success-h: 94;
        --color-success-s: 48%;
        --color-success-l: 56%;
        --color-success-light: hsl(94, 48%, 65%);
        --color-success-light-h: 94;
        --color-success-light-s: 48%;
        --color-success-light-l: 65%;
        --color-success-lighter: hsl(94, 48%, 74%);
        --color-success-lighter-h: 94;
        --color-success-lighter-s: 48%;
        --color-success-lighter-l: 74%;
        --color-error-darker: hsl(343, 66%, 45%);
        --color-error-darker-h: 343;
        --color-error-darker-s: 66%;
        --color-error-darker-l: 45%;
        --color-error-dark: hsl(343, 67%, 51%);
        --color-error-dark-h: 343;
        --color-error-dark-s: 67%;
        --color-error-dark-l: 51%;
        --color-error: hsl(343, 75%, 57%);
        --color-error-h: 343;
        --color-error-s: 75%;
        --color-error-l: 57%;
        --color-error-light: hsl(343, 75%, 64%);
        --color-error-light-h: 343;
        --color-error-light-s: 75%;
        --color-error-light-l: 64%;
        --color-error-lighter: hsl(343, 75%, 70%);
        --color-error-lighter-h: 343;
        --color-error-lighter-s: 75%;
        --color-error-lighter-l: 70%;
        --color-bg: hsl(345, 6%, 13%);
        --color-bg-h: 345;
        --color-bg-s: 6%;
        --color-bg-l: 13%;
        --color-contrast-lower: hsl(345, 5%, 16%);
        --color-contrast-lower-h: 345;
        --color-contrast-lower-s: 5%;
        --color-contrast-lower-l: 16%;
        --color-contrast-low: hsl(345, 3%, 25%);
        --color-contrast-low-h: 345;
        --color-contrast-low-s: 3%;
        --color-contrast-low-l: 25%;
        --color-contrast-medium: hsl(0, 1%, 57%);
        --color-contrast-medium-h: 0;
        --color-contrast-medium-s: 1%;
        --color-contrast-medium-l: 57%;
        --color-contrast-high: hsl(0, 3%, 87%);
        --color-contrast-high-h: 0;
        --color-contrast-high-s: 3%;
        --color-contrast-high-l: 87%;
        --color-contrast-higher: hsl(0, 20%, 99%);
        --color-contrast-higher-h: 0;
        --color-contrast-higher-s: 20%;
        --color-contrast-higher-l: 99%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}