.sf-mode-dark, .sfds.sf-mode-dark {
  --sf-background-brand-default: #ec0c21;
  --sf-background-brand-disabled: #3b3b3b;
  --sf-background-brand-hover: #f03d4d;
  --sf-background-brand-inverted: #000000;
  --sf-background-brand-pressed: #f79ea6;
  --sf-background-brand-selected: #fbced3;
  --sf-background-transparent-default: #ffffff00;
  --sf-background-transparent-hover: #ffffff26;
  --sf-background-transparent-pressed: #ffffff33;
  --sf-background-transparent-disabled: #ffffff00;
  --sf-background-inverted-disabled: #3b3b3b;
  --sf-background-inverted-selected: #2f2f2f;
  --sf-background-inverted-default: #f1f1f1;
  --sf-background-inverted-hover: #c8c8c8;
  --sf-background-inverted-pressed: #767676;
  --sf-background-error-default: #2f0207;
  --sf-background-error-hover: #47040a;
  --sf-background-error-pressed: #5e050d;
  --sf-background-error-inverted-default: #bd0a1a;
  --sf-background-error-inverted-selected: #47040a;
  --sf-background-error-selected: #f46d7a;
  --sf-background-info-default: #00172c;
  --sf-background-info-hover: #002342;
  --sf-background-info-pressed: #002f58;
  --sf-background-info-inverted-default: #005eaf;
  --sf-background-info-inverted-selected: #002342;
  --sf-background-info-selected: #3391e2;
  --sf-background-success-default: #061a14;
  --sf-background-success-hover: #09281e;
  --sf-background-success-pressed: #0c3528;
  --sf-background-success-inverted-default: #196a50;
  --sf-background-success-inverted-selected: #09281e;
  --sf-background-success-selected: #4c9d83;
  --sf-background-warning-default: #302205;
  --sf-background-warning-hover: #483308;
  --sf-background-warning-pressed: #60440b;
  --sf-background-warning-inverted-default: #60440b;
  --sf-background-warning-inverted-selected: #483308;
  --sf-background-warning-selected: #f1aa1b;
  --sf-background-primary-default: #181818;
  --sf-background-primary-disabled: #3b3b3b;
  --sf-background-primary-hover: #1d1d1d;
  --sf-background-primary-pressed: #232323;
  --sf-background-primary-selected: #f1f1f1;
  --sf-background-secondary-default: #1d1d1d;
  --sf-background-secondary-hover: #232323;
  --sf-background-secondary-pressed: #292929;
  --sf-background-secondary-disabled: #3b3b3b;
  --sf-background-tertiary-default: #232323;
  --sf-background-tertiary-hover: #292929;
  --sf-background-tertiary-pressed: #2f2f2f;
  --sf-background-tertiary-disabled: #3b3b3b;
  --sf-background-accent-default: #2f2f2f;
  --sf-border-brand-default: #ec0c21;
  --sf-border-brand-hover: #f03d4d;
  --sf-border-brand-pressed: #f79ea6;
  --sf-border-default: #919191;
  --sf-border-disabled: #767676;
  --sf-border-divider: #767676;
  --sf-border-hover: #adadad;
  --sf-border-pressed: #d6d6d6;
  --sf-border-selected: #f1f1f1;
  --sf-border-subtle: #3b3b3b;
  --sf-border-tab-focus: #99c8f1;
  --sf-border-inverted-disabled: #d6d6d6;
  --sf-border-inverted-default: #181818;
  --sf-border-inverted-selected: #d6d6d6;
  --sf-border-error: #f46d7a;
  --sf-border-info: #3391e2;
  --sf-border-success: #4c9d83;
  --sf-border-warning: #f1aa1b;
  --sf-icon-brand-default: #ec0c21;
  --sf-icon-brand-hover: #f03d4d;
  --sf-icon-brand-inverted: #ffffff;
  --sf-icon-brand-pressed: #f79ea6;
  --sf-icon-brand-selected: #fbced3;
  --sf-icon-default: #d6d6d6;
  --sf-icon-disabled: #767676;
  --sf-icon-hover: #d6d6d6;
  --sf-icon-pressed: #d6d6d6;
  --sf-icon-selected: #181818;
  --sf-icon-subtle: #adadad;
  --sf-icon-inverted-disabled: #767676;
  --sf-icon-inverted-default: #181818;
  --sf-icon-inverted-selected: #d6d6d6;
  --sf-icon-inverted-hover: #181818;
  --sf-icon-inverted-pressed: #181818;
  --sf-icon-error-default: #f46d7a;
  --sf-icon-error-inverted: #ffffff;
  --sf-icon-error-hover: #f79ea6;
  --sf-icon-error-pressed: #fbced3;
  --sf-icon-info-default: #3391e2;
  --sf-icon-info-hover: #66ace9;
  --sf-icon-info-pressed: #99c8f1;
  --sf-icon-info-inverted: #ffffff;
  --sf-icon-success-default: #4c9d83;
  --sf-icon-success-hover: #79b5a2;
  --sf-icon-success-pressed: #a5cec1;
  --sf-icon-success-inverted: #ffffff;
  --sf-icon-warning-default: #f1aa1b;
  --sf-icon-warning-hover: #f4bb49;
  --sf-icon-warning-pressed: #f7cc76;
  --sf-icon-warning-inverted: #ffffff;
  --sf-icon-link-default: #f46d7a;
  --sf-icon-link-hover: #f79ea6;
  --sf-icon-link-pressed: #fbced3;
  --sf-icon-link-visited: #f46d7a;
  --sf-surface-standard-scrim: #000000bf;
  --sf-surface-default: #000000;
  --sf-text-brand-default: #ec0c21;
  --sf-text-brand-hover: #f03d4d;
  --sf-text-brand-inverted: #ffffff;
  --sf-text-brand-pressed: #f79ea6;
  --sf-text-brand-selected: #fbced3;
  --sf-text-default: #d6d6d6;
  --sf-text-disabled: #767676;
  --sf-text-hover: #d6d6d6;
  --sf-text-pressed: #d6d6d6;
  --sf-text-selected: #181818;
  --sf-text-subtle: #adadad;
  --sf-text-inverted-disabled: #767676;
  --sf-text-inverted-default: #181818;
  --sf-text-inverted-selected: #d6d6d6;
  --sf-text-inverted-hover: #181818;
  --sf-text-inverted-pressed: #181818;
  --sf-text-strong: #f1f1f1;
  --sf-text-error-default: #f46d7a;
  --sf-text-error-hover: #f79ea6;
  --sf-text-error-pressed: #fbced3;
  --sf-text-error-inverted: #ffffff;
  --sf-text-success-default: #4c9d83;
  --sf-text-success-hover: #79b5a2;
  --sf-text-success-pressed: #a5cec1;
  --sf-text-success-inverted: #ffffff;
  --sf-text-warning-default: #f1aa1b;
  --sf-text-warning-hover: #f4bb49;
  --sf-text-warning-pressed: #f7cc76;
  --sf-text-warning-inverted: #ffffff;
  --sf-text-info-default: #3391e2;
  --sf-text-info-hover: #66ace9;
  --sf-text-info-pressed: #99c8f1;
  --sf-text-info-inverted: #ffffff;
  --sf-text-link-default: #f46d7a;
  --sf-text-link-hover: #f79ea6;
  --sf-text-link-pressed: #fbced3;
  --sf-text-link-visited: #f46d7a;
}