@mixin ds-subtheme-light-brandSubtle {
  & {
    --color-background-transparent-hover: rgba(96, 117, 133, 0.05);
    --color-background-accentSubtle: #e7f6f8;
    --color-text-primary: #5a7183;
    --color-text-secondary: #5a7183;
    --color-text-accent: #047a88;
    --color-toggle-background: #7b8e9d;
    --color-toggle-thumb-background-off: #ffffff;
    --color-toggle-thumb-background-on: #ffffff;
  }
}

@mixin ds-subtheme-dark-brandSubtle {
  & {
    --color-background-transparent-hover: rgba(255, 255, 255, 0.08);
    --color-background-accentSubtle: #223c44;
    --color-text-primary: rgba(255, 255, 255, 0.65);
    --color-text-secondary: rgba(255, 255, 255, 0.65);
    --color-text-accent: #2db5c6;
    --color-toggle-background: #7b8e9d;
    --color-toggle-thumb-background-off: #ffffff;
    --color-toggle-thumb-background-on: #ffffff;
  }
}