html[data-brand="sbm"] {
  --sbm-blue: #2C5F96;
  --sbm-blue-deep: #123653;
  --sbm-blue-mid: #35699F;
  --sbm-green: #3F9C35;
  --sbm-green-action: #2F7D28;
  --sbm-green-action-deep: #276A22;
  --dc-bg-header: var(--sbm-blue);
  --dc-surface-inverse: var(--sbm-blue-deep);
  --dc-bg-page: #F7FBF5;
  --dc-surface-sunken: #EDF5E9;
  --dc-border: #DCE8D6;
  --dc-border-strong: #C8DBC0;
  --dc-text-heading: #24507F;
  --dc-text-on-navy-muted: #C9D8EE;
  --dc-text-link: var(--sbm-blue);
  --dc-text-link-hover: var(--dc-ink);
  --dc-action-primary: var(--sbm-green-action);
  --dc-action-primary-hover: var(--sbm-green-action-deep);
  --dc-on-action-primary: #FFFFFF;
  --dc-action-secondary: var(--sbm-blue);
  --dc-action-secondary-hover: var(--sbm-blue-deep);
  --dc-focus-ring: var(--sbm-blue);
  --dc-navy-900: var(--sbm-blue-deep);
  --dc-navy-700: var(--sbm-blue);
  --dc-navy-500: var(--sbm-blue-mid);
  --dc-navy-300: #A7C3E2;
  --dc-navy-100: #E6EEF8;
}