:root[data-mode="dark"] {
  --theme-brand-primary-default: hsl(210 40% 15%);
  --theme-brand-primary-hover: hsl(210 40% 20%);
  --theme-brand-primary-pressed: hsl(210 40% 12%);
  --theme-brand-primary-active: hsl(210 40% 15%);
  --theme-brand-primary-contrast: #E6EAF0;
  --theme-brand-secondary-default: #1D2A36;
  --theme-brand-secondary-hover: #223545;
  --theme-brand-secondary-pressed: #182430;
  --theme-brand-secondary-active: #1D2A36;
  --theme-brand-secondary-contrast: #E6EAF0;
  --theme-brand-accent-default: #0F1B24;
  --theme-brand-accent-hover: #152433;
  --theme-brand-accent-pressed: #0C131A;
  --theme-brand-accent-active: #0F1B24;
  --theme-brand-accent-contrast: #84C8FF;
  --theme-base-background: #0F141A;
  --theme-base-background-alternate: #141B24;
  --theme-base-foreground: #E6EAF0;
  --theme-base-foreground-disabled: #8A93A1;
  --theme-base-foreground-muted: #B3BDC9;
  --theme-base-border: #2A3442;
  --theme-base-shadow: rgba(0, 0, 0, 0.60);
  --theme-base-link: #2383D7;
  --theme-intent-success-default: #56D685;
  --theme-intent-success-hover: #4BCC79;
  --theme-intent-success-pressed: #3EAF67;
  --theme-intent-success-active: #56D685;
  --theme-intent-success-contrast: #0B0F14;
  --theme-intent-warning-default: #FFC14A;
  --theme-intent-warning-hover: #FFB63B;
  --theme-intent-warning-pressed: #E29D2C;
  --theme-intent-warning-active: #FFC14A;
  --theme-intent-warning-contrast: #0B0F14;
  --theme-intent-danger-default: #FF5A5A;
  --theme-intent-danger-hover: #FF4747;
  --theme-intent-danger-pressed: #E23C3C;
  --theme-intent-danger-active: #FF5A5A;
  --theme-intent-danger-contrast: #FFFFFF;
  --theme-intent-info-default: #4ADDE8;
  --theme-intent-info-hover: #3FD2DD;
  --theme-intent-info-pressed: #34BFC9;
  --theme-intent-info-active: #4ADDE8;
  --theme-intent-info-contrast: #0B0F14;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mode]) {
  --theme-brand-primary-default: hsl(210 40% 15%);
  --theme-brand-primary-hover: hsl(210 40% 20%);
  --theme-brand-primary-pressed: hsl(210 40% 12%);
  --theme-brand-primary-active: hsl(210 40% 15%);
  --theme-brand-primary-contrast: #E6EAF0;
  --theme-brand-secondary-default: #1D2A36;
  --theme-brand-secondary-hover: #223545;
  --theme-brand-secondary-pressed: #182430;
  --theme-brand-secondary-active: #1D2A36;
  --theme-brand-secondary-contrast: #E6EAF0;
  --theme-brand-accent-default: #0F1B24;
  --theme-brand-accent-hover: #152433;
  --theme-brand-accent-pressed: #0C131A;
  --theme-brand-accent-active: #0F1B24;
  --theme-brand-accent-contrast: #84C8FF;
  --theme-base-background: #0F141A;
  --theme-base-background-alternate: #141B24;
  --theme-base-foreground: #E6EAF0;
  --theme-base-foreground-disabled: #8A93A1;
  --theme-base-foreground-muted: #B3BDC9;
  --theme-base-border: #2A3442;
  --theme-base-shadow: rgba(0, 0, 0, 0.60);
  --theme-base-link: #2383D7;
  --theme-intent-success-default: #56D685;
  --theme-intent-success-hover: #4BCC79;
  --theme-intent-success-pressed: #3EAF67;
  --theme-intent-success-active: #56D685;
  --theme-intent-success-contrast: #0B0F14;
  --theme-intent-warning-default: #FFC14A;
  --theme-intent-warning-hover: #FFB63B;
  --theme-intent-warning-pressed: #E29D2C;
  --theme-intent-warning-active: #FFC14A;
  --theme-intent-warning-contrast: #0B0F14;
  --theme-intent-danger-default: #FF5A5A;
  --theme-intent-danger-hover: #FF4747;
  --theme-intent-danger-pressed: #E23C3C;
  --theme-intent-danger-active: #FF5A5A;
  --theme-intent-danger-contrast: #FFFFFF;
  --theme-intent-info-default: #4ADDE8;
  --theme-intent-info-hover: #3FD2DD;
  --theme-intent-info-pressed: #34BFC9;
  --theme-intent-info-active: #4ADDE8;
  --theme-intent-info-contrast: #0B0F14;
  }
}