@media (prefers-color-scheme: light) {
    :root {
        --extensions-background-surface: #ffffff;
        --background-secondary: #f5f5f6;
        --extensions-background-alwayslight: #ffffff;
        --extensions-background-lighterror: #ffdfde;
        --background-primary: #ffffff;
        --extensions-background-overlaydark: #000000;
        --background-disabled: #fafafa;
        --extensions-background-alwaysdark: #1c2024;
        --extensions-background-overlaylight: #ffffff;
        --extensions-background-error: #d13d35;
        --extensions-border-error: #d13d35;
        --extensions-background-inverseprimary: #323942;
        --border-disabled: #ebeced;
        --extensions-text-and-icon-error: #d13d35;
        --text-and-icon-secondary: #848e9c;
        --extensions-text-and-icon-alwayslight: #ffffff;
        --text-and-icon-oncolor: #ffffff;
        --text-and-icon-disabled: #afb5c2;
        --text-and-icon-primary: #323942;
        --extensions-text-and-icon-alwaysdark: #323942;
        --background-tertiary: #d5d8df;
        --extensions-text-and-icon-warning: #ffc13c;
        --extensions-background-warning: #ffc13c;
        --extensions-background-control: #323942;
        --background-brandlight: #a7e92f;
        --background-accent: #4087e1;
        --extensions-border-accent: #4087e1;
        --extensions-background-lightbrand: #e3fcc7;
        --text-and-icon-brand: #02952b;
        --text-and-icon-accent: #4087e1;
        --border-primary: #e0e2e6;
        --extensions-text-and-icon-onbrand: #323942;
        --border-brand: #02952b;
        --background-brand: #02952b;
        --extensions-background-lightaccent: #e2f4ff;
        --additional-background-additional01: #ff6500;
        --statement-background-secondarypressed: #ebeced;
        --statement-background-errorpressed: #a53531;
        --statement-background-primarypressed: #f5f5f6;
        --statement-border-errorpressed: #a53531;
        --statement-background-additional01pressed: #e55f12;
        --statement-border-primarypressed: #e0e2e6;
        --statement-background-warningpressed: #ffb423;
        --information-text-and-icon-sensemedium: #c75871;
        --information-text-and-icon-stormmedium: #b966be;
        --information-text-and-icon-airmedium: #3890c3;
        --information-text-and-icon-firemedium: #ce6538;
        --information-text-and-icon-windmedium: #7a74c9;
        --information-text-and-icon-sandmedium: #d49e06;
        --information-background-windlight: #f1f0fb;
        --information-background-senselight: #ffe1e8;
        --information-background-stormlight: #fde8ff;
        --information-background-airlight: #d9fcff;
        --information-background-earthlight: #e5fdc1;
        --information-background-firelight: #fff1e7;
        --information-background-waterlight: #d2fcea;
        --information-background-sandlight: #fff2c3;
        --information-background-airdark: #174d6b;
        --statement-text-and-icon-warningpressed: #d87b00;
        --statement-text-and-icon-oncolorpressed: #f5f5f6;
        --statement-text-and-icon-primarypressed: #495563;
        --information-text-and-icon-watermedium: #33ac88;
        --statement-text-and-icon-secondarypressed: #bdc2ce;
        --information-text-and-icon-earthmedium: #72ae16;
        --statement-text-and-icon-errorpressed: #a53531;
        --statement-background-tertiarypressed: #bdc2ce;
        --additional-background-additional03: #fff1c0;
        --statement-background-inverseprimarypressed: #1c2024;
        --additional-shadow-primary: #000000;
        --statement-background-alwayslightpressed: #f5f5f6;
        --statement-text-and-icon-alwaysdarkpressed: #495563;
        --statement-text-and-icon-onbrandpressed: #495563;
        --additional-background-brandstatic: #00ac3c;
        --additional-background-additional02: #848e9c;
        --additional-background-splashscreen: #a7e92f;
        --statement-border-brandpressed: #02952b;
        --statement-border-focused: #70f077;
        --statement-text-and-icon-brandpressed: #02952b;
        --statement-border-accentpressed: #2c76c0;
        --statement-background-brandpressed: #02952b;
        --statement-text-and-icon-accentpressed: #2c76c0;
        --statement-background-accentpressed: #2c76c0;
        --statement-background-lightbrandpressed: #d9fbb0;
        --additional-background-progressbutton: #5baa00;
        --statement-background-brandlightpressed: #88da09;
        --statement-background-controlpressed: #495563;
        --line-height-xxs: 14px;
        --line-height-xs: 16px;
        --line-height-s: 19px;
        --line-height-m: 22px;
        --line-height-ml: 24px;
        --line-height-l: 27px;
        --line-height-xl: 32px;
        --line-height-xxl: 44px;
        --line-height-xxxl: 65px;
        --font-size-xxs: 10px;
        --font-size-xs: 12px;
        --font-size-s: 14px;
        --font-size-m: 16px;
        --font-size-ml: 18px;
        --font-size-l: 20px;
        --font-size-xl: 24px;
        --font-size-xxl: 32px;
        --font-size-xxxl: 48px;
        --font-family-noto: 'Noto Sans', sans-serif;
        --font-family-landing: Stolzl, sans-serif;
        --spacers-2xs: 4px;
        --spacers-xs: 8px;
        --spacers-s: 12px;
        --spacers-m: 16px;
        --spacers-l: 20px;
        --spacers-xl: 24px;
        --spacers-2xl: 28px;
        --spacers-3xl: 32px;
        --spacers-4xl: 36px;
        --spacers-5xl: 40px;
        --spacers-6xl: 48px;
        --spacers-7xl: 56px;
        --spacers-8xl: 64px;
        --spacers-9xl: 96px;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --extensions-background-surface: #272c33;
        --extensions-background-error: #ff847e;
        --extensions-background-alwaysdark: #1c2024;
        --background-primary: #1c2024;
        --extensions-background-lightbrand: #10671c;
        --extensions-border-error: #ff847e;
        --border-disabled: #495563;
        --border-primary: #495563;
        --background-disabled: #495563;
        --extensions-background-lighterror: #722927;
        --background-secondary: #323942;
        --extensions-background-inverseprimary: #ffffff;
        --text-and-icon-primary: #ffffff;
        --text-and-icon-oncolor: #1c2024;
        --text-and-icon-secondary: #a2a9b7;
        --text-and-icon-disabled: #636e7a;
        --extensions-text-and-icon-alwaysdark: #1c2024;
        --extensions-text-and-icon-error: #ff847e;
        --extensions-text-and-icon-alwayslight: #ffffff;
        --background-tertiary: #636e7a;
        --extensions-background-overlaydark: #000000;
        --extensions-background-overlaylight: #000000;
        --extensions-text-and-icon-warning: #ffce51;
        --extensions-background-warning: #ffce51;
        --extensions-background-control: #88da09;
        --background-brandlight: #88da09;
        --background-accent: #7ebefc;
        --text-and-icon-brand: #88da09;
        --extensions-border-accent: #7ebefc;
        --extensions-background-alwayslight: #ffffff;
        --text-and-icon-accent: #7ebefc;
        --extensions-text-and-icon-onbrand: #323942;
        --background-brand: #88da09;
        --border-brand: #88da09;
        --extensions-background-lightaccent: #0c4669;
        --statement-background-warningpressed: #ffb423;
        --statement-border-errorpressed: #ff6158;
        --statement-background-primarypressed: #323942;
        --additional-background-additional01: #ff6500;
        --statement-border-primarypressed: #848e9c;
        --statement-background-errorpressed: #ff6158;
        --statement-background-additional01pressed: #e55f12;
        --statement-border-focused: #befcc6;
        --information-background-sandlight: #753800;
        --information-background-airlight: #174d6b;
        --information-background-airdark: #d9fcff;
        --information-background-firelight: #702f05;
        --information-background-windlight: #3a356e;
        --information-text-and-icon-sensemedium: #ea6d85;
        --information-background-stormlight: #682d66;
        --information-background-senselight: #6d2a3d;
        --information-background-earthlight: #41600d;
        --information-background-waterlight: #155f4b;
        --statement-text-and-icon-errorpressed: #ff6158;
        --statement-text-and-icon-secondarypressed: #848e9c;
        --statement-text-and-icon-oncolorpressed: #323942;
        --statement-text-and-icon-warningpressed: #ffb423;
        --information-text-and-icon-earthmedium: #83ca19;
        --information-text-and-icon-airmedium: #4aabe5;
        --information-text-and-icon-watermedium: #43c89f;
        --information-text-and-icon-firemedium: #f2845e;
        --information-text-and-icon-stormmedium: #d582df;
        --statement-text-and-icon-primarypressed: #c9cdd6;
        --information-text-and-icon-sandmedium: #f3c000;
        --information-text-and-icon-windmedium: #9993ed;
        --statement-background-tertiarypressed: #495563;
        --additional-background-additional03: #323942;
        --statement-background-inverseprimarypressed: #e0e2e6;
        --additional-shadow-primary: #000000;
        --statement-background-alwayslightpressed: #e0e2e6;
        --statement-text-and-icon-alwaysdarkpressed: #323942;
        --statement-background-secondarypressed: #495563;
        --statement-text-and-icon-onbrandpressed: #323942;
        --additional-background-brandstatic: #00ac3c;
        --additional-background-additional02: #848e9c;
        --additional-background-splashscreen: #323942;
        --statement-background-accentpressed: #5aa2f1;
        --statement-border-accentpressed: #5aa2f1;
        --statement-background-lightbrandpressed: #02952b;
        --statement-text-and-icon-accentpressed: #5aa2f1;
        --statement-background-brandlightpressed: #71c500;
        --statement-background-brandpressed: #71c500;
        --additional-background-progressbutton: #5baa00;
        --statement-background-controlpressed: #71c500;
        --statement-text-and-icon-brandpressed: #71c500;
        --statement-border-brandpressed: #71c500;
        --line-height-xxs: 14px;
        --line-height-xs: 16px;
        --line-height-s: 19px;
        --line-height-m: 22px;
        --line-height-ml: 24px;
        --line-height-l: 27px;
        --line-height-xl: 32px;
        --line-height-xxl: 44px;
        --line-height-xxxl: 65px;
        --font-size-xxs: 10px;
        --font-size-xs: 12px;
        --font-size-s: 14px;
        --font-size-m: 16px;
        --font-size-ml: 18px;
        --font-size-l: 20px;
        --font-size-xl: 24px;
        --font-size-xxl: 32px;
        --font-size-xxxl: 48px;
        --font-family-noto: 'Noto Sans', sans-serif;
        --font-family-landing: Stolzl, sans-serif;
        --spacers-2xs: 4px;
        --spacers-xs: 8px;
        --spacers-s: 12px;
        --spacers-m: 16px;
        --spacers-l: 20px;
        --spacers-xl: 24px;
        --spacers-2xl: 28px;
        --spacers-3xl: 32px;
        --spacers-4xl: 36px;
        --spacers-5xl: 40px;
        --spacers-6xl: 48px;
        --spacers-7xl: 56px;
        --spacers-8xl: 64px;
        --spacers-9xl: 96px;
    }
}