/* THIS FILE IS AUTO-GENERATED. DO NOT EDIT. CONTENTS CAN BE CHANGED IN YOUR THEME CONFIG. */

@media (prefers-color-scheme: dark) {
  :is(:root, :host) {
    --body-bg-color: var(--color-neutral-16);
    --body-fg-color: var(--color-neutral-100);
    --default-border-color: var(--color-neutral-32);
    --button-active-fg-color: var(--color-neutral-100);
    --button-active-border-color: var(--color-neutral-42);
    --button-disabled-bg-color: var(--color-neutral-8);
    --button-disabled-border-color: var(--color-neutral-26);
    --button-disabled-fg-color: var(--color-neutral-36);
    --button-focus-bg-color: var(--color-neutral-16);
    --button-focus-border-color: var(--color-neutral-40);
    --button-focus-fg-color: var(--color-neutral-100);
    --button-hover-bg-color: var(--color-neutral-24);
    --button-hover-border-color: var(--color-neutral-46);
    --button-hover-fg-color: var(--color-neutral-100);
    --form-control-invalid-border-color: var(--color-danger-tint-30);
    --neutral-foreground1: var(--color-neutral-100);
    --neutral-foreground1hover: var(--color-neutral-100);
    --neutral-foreground1pressed: var(--color-neutral-100);
    --neutral-foreground1selected: var(--color-neutral-100);
    --neutral-foreground2: var(--color-neutral-84);
    --neutral-foreground2hover: var(--color-neutral-100);
    --neutral-foreground2pressed: var(--color-neutral-100);
    --neutral-foreground2selected: var(--color-neutral-100);
    --neutral-foreground2brand-hover: var(--color-brand-100);
    --neutral-foreground2brand-pressed: var(--color-brand-90);
    --neutral-foreground2brand-selected: var(--color-brand-100);
    --neutral-foreground3: var(--color-neutral-68);
    --neutral-foreground3hover: var(--color-neutral-84);
    --neutral-foreground3pressed: var(--color-neutral-84);
    --neutral-foreground3selected: var(--color-neutral-84);
    --neutral-foreground3brand-hover: var(--color-brand-100);
    --neutral-foreground3brand-pressed: var(--color-brand-90);
    --neutral-foreground3brand-selected: var(--color-brand-100);
    --neutral-foreground4: var(--color-neutral-60);
    --neutral-foreground-disabled: var(--color-neutral-36);
    --brand-foreground-link: var(--color-brand-90);
    --brand-foreground-link-hover: var(--color-brand-110);
    --brand-foreground-link-pressed: var(--color-brand-90);
    --brand-foreground-link-selected: var(--color-brand-90);
    --neutral-foreground2link: var(--color-neutral-84);
    --neutral-foreground2link-hover: var(--color-neutral-100);
    --neutral-foreground2link-pressed: var(--color-neutral-100);
    --neutral-foreground2link-selected: var(--color-neutral-100);
    --compound-brand-foreground1: var(--color-brand-100);
    --compound-brand-foreground1hover: var(--color-brand-90);
    --compound-brand-foreground1pressed: var(--color-brand-110);
    --brand-foreground1: var(--color-brand-100);
    --brand-foreground2: var(--color-brand-90);
    --brand-foreground2hover: var(--color-brand-110);
    --brand-foreground2pressed: var(--color-brand-160);
    --neutral-foreground1static: var(--color-neutral-100);
    --neutral-foreground-static-inverted: var(--color-neutral-100);
    --neutral-foreground-inverted: var(--color-neutral-14);
    --neutral-foreground-inverted-hover: var(--color-neutral-14);
    --neutral-foreground-inverted-pressed: var(--color-neutral-14);
    --neutral-foreground-inverted-selected: var(--color-neutral-14);
    --neutral-foreground-inverted2: var(--color-neutral-14);
    --neutral-foreground-on-brand: var(--color-neutral-100);
    --neutral-foreground-inverted-link: var(--color-neutral-100);
    --neutral-foreground-inverted-link-hover: var(--color-neutral-100);
    --neutral-foreground-inverted-link-pressed: var(--color-neutral-100);
    --neutral-foreground-inverted-link-selected: var(--color-neutral-100);
    --brand-foreground-inverted: var(--color-brand-80);
    --brand-foreground-inverted-hover: var(--color-brand-70);
    --brand-foreground-inverted-pressed: var(--color-brand-60);
    --brand-foreground-on-light: var(--color-brand-100);
    --brand-foreground-on-light-hover: var(--color-brand-90);
    --brand-foreground-on-light-pressed: var(--color-brand-50);
    --brand-foreground-on-light-selected: var(--color-brand-110);
    --neutral-background1: var(--color-neutral-16);
    --neutral-background1hover: var(--color-neutral-24);
    --neutral-background1pressed: var(--color-neutral-12);
    --neutral-background1selected: var(--color-neutral-22);
    --neutral-background2: var(--color-neutral-12);
    --neutral-background2hover: var(--color-neutral-20);
    --neutral-background2pressed: var(--color-neutral-8);
    --neutral-background2selected: var(--color-neutral-18);
    --neutral-background3: var(--color-neutral-8);
    --neutral-background3hover: var(--color-neutral-22);
    --neutral-background3pressed: var(--color-neutral-4);
    --neutral-background3selected: var(--color-neutral-12);
    --neutral-background4: var(--color-neutral-4);
    --neutral-background4hover: var(--color-neutral-12);
    --neutral-background4pressed: var(--color-neutral-8);
    --neutral-background4selected: var(--color-neutral-10);
    --neutral-background5: var(--color-neutral-22);
    --neutral-background5hover: var(--color-neutral-8);
    --neutral-background5pressed: var(--color-neutral-4);
    --neutral-background5selected: var(--color-neutral-12);
    --neutral-background6: var(--color-neutral-18);
    --neutral-background-inverted: var(--color-neutral-100);
    --neutral-background-static: var(--color-neutral-24);
    --subtle-background-hover: var(--color-neutral-22);
    --subtle-background-pressed: var(--color-neutral-12);
    --subtle-background-selected: var(--color-neutral-22);
    --neutral-background-disabled: var(--color-neutral-4);
    --neutral-stencil1: var(--color-neutral-38);
    --neutral-stencil2: var(--color-neutral-24);
    --brand-background: var(--color-brand-70);
    --brand-background-hover: var(--color-brand-80);
    --brand-background-pressed: var(--color-brand-40);
    --brand-background-selected: var(--color-brand-60);
    --compound-brand-background: var(--color-brand-100);
    --compound-brand-background-hover: var(--color-brand-110);
    --compound-brand-background-pressed: var(--color-brand-90);
    --brand-background-static: var(--color-brand-80);
    --brand-background2: var(--color-brand-20);
    --brand-background2hover: var(--color-brand-40);
    --brand-background2pressed: var(--color-brand-10);
    --brand-background-inverted: white;
    --brand-background-inverted-hover: var(--color-brand-160);
    --brand-background-inverted-pressed: var(--color-brand-140);
    --brand-background-inverted-selected: var(--color-brand-150);
    --neutral-stroke-accessible: var(--color-neutral-68);
    --neutral-stroke-accessible-hover: var(--color-neutral-74);
    --neutral-stroke-accessible-pressed: var(--color-neutral-70);
    --neutral-stroke-accessible-selected: var(--color-brand-100);
    --neutral-stroke1: var(--color-neutral-40);
    --neutral-stroke1hover: var(--color-neutral-46);
    --neutral-stroke1pressed: var(--color-neutral-42);
    --neutral-stroke1selected: var(--color-neutral-36);
    --neutral-stroke2: var(--color-neutral-12);
    --neutral-stroke3: var(--color-neutral-4);
    --neutral-stroke-subtle: var(--color-neutral-12);
    --neutral-stroke-on-brand: var(--color-neutral-16);
    --neutral-stroke-on-brand2: var(--color-neutral-100);
    --neutral-stroke-on-brand2hover: var(--color-neutral-100);
    --neutral-stroke-on-brand2pressed: var(--color-neutral-100);
    --neutral-stroke-on-brand2selected: var(--color-neutral-100);
    --brand-stroke1: var(--color-brand-100);
    --brand-stroke2: var(--color-brand-50);
    --brand-stroke2hover: var(--color-brand-50);
    --brand-stroke2pressed: var(--color-brand-100);
    --compound-brand-stroke: var(--color-brand-100);
    --compound-brand-stroke-hover: var(--color-brand-90);
    --compound-brand-stroke-pressed: var(--color-brand-110);
    --neutral-stroke-disabled: var(--color-neutral-26);
    --stroke-focus1: var(--color-neutral-0);
    --stroke-focus2: var(--color-neutral-100);
    --danger-background1: var(--color-danger-tint-10);
    --danger-foreground1: var(--color-danger-tint-10);
    --danger-background2: var(--color-danger-tint-60);
    --danger-foreground2: var(--color-danger-tint-50);
    --danger-background3: var(--color-danger-shade-40);
    --danger-foreground3: var(--color-danger-tint-40);
    --danger-border1: var(--color-danger-primary);
    --severe-background1: #d53404;
    --severe-background2: #fdf5f1;
    --severe-foreground1: #f2b7a1;
    --success-background1: var(--color-success-primary);
    --success-foreground1: var(--color-success-primary);
    --success-background2: var(--color-success-tint-60);
    --success-foreground2: var(--color-success-tint-50);
    --success-background3: var(--color-success-shade-40);
    --success-foreground3: var(--color-success-tint-30);
    --success-border1: var(--color-success-primary);
    --warning-background1: #fddf00;
    --warning-foreground1: #766900;
    --warning-background2: #fffef3;
    --warning-foreground2: #fef6a9;
    --warning-background3: #411200;
    --warning-foreground3: #e9835e;
    --warning-border1: #da3b01;
    --shadow-0: none;
    --shadow-2: 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 2px rgba(0, 0, 0, 0.28);
    --shadow-4: 0 0 2px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.28);
    --shadow-8: 0 0 2px rgba(0, 0, 0, 0.24), 0 4px 8px rgba(0, 0, 0, 0.28);
    --shadow-16: 0 0 2px rgba(0, 0, 0, 0.24), 0 8px 16px rgba(0, 0, 0, 0.28);
    --shadow-28: 0 0 8px rgba(0, 0, 0, 0.24), 0 14px 28px rgba(0, 0, 0, 0.28);
    --shadow-64: 0 0 8px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28);
    --drop-shadow-0: none;
    --drop-shadow-2: drop-shadow(0 0 2px rgba(0, 0, 0, 0.24))
      drop-shadow(0 1px 2px rgba(0, 0, 0, 0.28));
    --drop-shadow-4: drop-shadow(0 0 2px rgba(0, 0, 0, 0.24))
      drop-shadow(0 2px 4px rgba(0, 0, 0, 0.28));
    --drop-shadow-8: drop-shadow(0 0 2px rgba(0, 0, 0, 0.24))
      drop-shadow(0 4px 8px rgba(0, 0, 0, 0.28));
    --drop-shadow-16: drop-shadow(0 0 2px rgba(0, 0, 0, 0.24))
      drop-shadow(0 8px 16px rgba(0, 0, 0, 0.28));
    --drop-shadow-28: drop-shadow(0 0 8px rgba(0, 0, 0, 0.24))
      drop-shadow(0 14px 28px rgba(0, 0, 0, 0.28));
    --drop-shadow-64: drop-shadow(0 0 8px rgba(0, 0, 0, 0.24))
      drop-shadow(0 32px 64px rgba(0, 0, 0, 0.28));
  }
}