:root, .ignore-invert {
  --unit: 3px;
  --background-color: rgb(239, 239, 239);
  --big-cta-border-radius: 0px;
  --big-cta-padding-x: 12px;
  --big-cta-padding-y: 8px;
  --body-font-family: Areal;
  --body-font-size: 12px;
  --body-max-width: 1440px;
  --body-weight: Regular;
  --border-color: rgb(0, 0, 0);
  --border-radius-l: 5px;
  --border-radius-m: 5px;
  --border-radius-s: 5px;
  --border-width: 1px;
  --card-background-color: rgb(255, 255, 255);
  --card-border-radius: 0px;
  --card-border-width: 1px;
  --card-gap: 8px;
  --card-items-gap: 0px;
  --card-padding-x: 8px;
  --card-padding-y: 8px;
  --color-card-background-color: rgb(255, 255, 255);
  --color-cta-background-color-disabled: rgba(255, 255, 255, 0);
  --color-cta-background-color-selected: rgba(255, 255, 255, 0);
  --cta-background-color-inactive: rgba(255, 255, 255, 0);
  --cta-background-color: transparent;
  --checkbox-background-color: rgba(255, 255, 255, 1);
  --cta-border-width: 1px;
  --cta-color: rgb(0, 0, 255);
  --cta-padding-x: 4px;
  --cta-padding-y: 8px;
  --cta-rounded-edge: 0px;
  --foreground-color: rgb(0, 0, 0);
  --form-background-color: none;
  --form-border-radius: 0px;
  --form-padding-x: 28px;
  --form-padding-y: 28px;
  --form-border-width: 1px;
  --form-gap: 0px;
  --form-submit-background-color: rgba(255, 255, 255, 0);
  --form-submit-color: rgb(0, 0, 255);
  --form-warning-background-color: rgba(255, 255, 255, 0);
  --form-warning-border-color: rgb(255, 0, 0);
  --form-warning-border-radius: 0px;
  --form-warning-color: rgb(0, 0, 0);
  --h1-font-size: 60px;
  --h1-weight: Regular;
  --layout-gap-1: 8px;
  --layout-gap-2: 16px;
  --link-color-hover: rgb(170, 0, 170);
  --link-color: rgb(0, 0, 255);
  --micro-font-family: Areal;
  --micro-font-size: 10px;
  --micro-weight: Regular;
  --outer-margin-bottom: 0px;
  --overlay-backdrop-color: rgba(0, 0, 0, 0.5);
  --overlay-background-color: rgb(255, 255, 255);
  --overlay-border-radius: 0px;
  --overlay-gap: 8px;
  --overlay-items-gap: 0px;
  --overlay-padding-x: 8px;
  --overlay-padding-y: 8px;
  --primary-family: ABC Different Times;
  --primary-size: 14px;
  --primary-weight: Bold;
  --secondary-font-family: Areal Variable;
  --secondary-font-size: 12px;
  --secondary-weight: Regular;
  --small-weight: Regular;
  --space-1: 4px;
  --space-2: 9px;
  --space-3: 12px;
  --space-4: 16px;
  --space-max: 20px;
  --tertiary-font-family: Areal;
  --tertiary-font-size: 12px;
  --tertiary-weight: Regular;
  --text-h1-font-family: Areal;
  --text-small-font-family: Areal;
  --text-small-font-size: 12px;
  --warning-color: rgb(255, 0, 0);
  --swiper-navigation-inactive: rgb(255, 255, 255);
  --swiper-navigation-active: rgb(0, 189, 66);
}

html[theme="dark"] {
  --card-background-color: rgb(67, 67, 67);
  --border-color: rgb(255, 255, 255);
  --background-color: rgb(45, 45, 45);
  --foreground-color: rgb(255, 255, 255);
  --link-color: rgb(0, 255, 255);
  --link-color-hover: rgb(170, 170, 0);
  --form-warning-color: rgb(255, 255, 255);
  --form-submit-color: var(--link-color);
}