@mixin ds-subtheme-light-dimmedSubtle {
  & {
    --color-background-transparent-hover: rgba(96, 117, 133, 0.05);
    --color-background-accentSubtle: #ffffff;
    --color-border-accent: #314554;
    --color-divider-secondary: rgba(163, 178, 189, 0.3);
    --color-text-primary: #5a7183;
    --color-text-secondary: #5a7183;
    --color-text-accent: #314554;
    --color-icon-accent: #314554;
    --color-toggle-background: #7b8e9d;
    --color-toggle-thumb-background-off: #ffffff;
    --color-toggle-thumb-background-on: #ffffff;
  }
}

@mixin ds-subtheme-dark-dimmedSubtle {
  & {
    --color-background-transparent-hover: rgba(255, 255, 255, 0.08);
    --color-background-accentSubtle: #40454f;
    --color-border-accent: #a3b2bd;
    --color-divider-secondary: rgba(255, 255, 255, 0.3);
    --color-text-primary: rgba(255, 255, 255, 0.65);
    --color-text-accent: rgba(255, 255, 255, 0.8);
    --color-text-secondary: rgba(255, 255, 255, 0.65);
    --color-icon-accent: rgba(255, 255, 255, 0.8);
    --color-toggle-background: #7b8e9d;
    --color-toggle-thumb-background-off: #ffffff;
    --color-toggle-thumb-background-on: #ffffff;
  }
}