.theme-bordeaux {
  --bordeaux-darkest: #19050a;
  --bordeaux-darker: #260710;
  --bordeaux-dark: #330915;
  --bordeaux-brand-dark: #7f1734;
  --bordeaux-brand-light: #d52757;
  --bordeaux-light: #a55d71;
  --bordeaux-lighter: #d9b9c2;
  --bordeaux-lightest: #f2e8eb;
  --rh-color-surface-darkest: var(--bordeaux-darkest);
  --rh-color-surface-darker: var(--bordeaux-darker);
  --rh-color-surface-dark: var(--bordeaux-dark);
  --rh-color-surface-light: var(--bordeaux-light);
  --rh-color-surface-lighter: var(--bordeaux-lighter);
  --rh-color-surface-lightest: var(--bordeaux-lightest);
  --rh-color-border-interactive:
    light-dark(
        var(--bordeaux-darkest),
        var(--bordeaux-lightest)
      );
  --rh-color-interactive-primary-default:
    light-dark(
        var(--bordeaux-darker),
        var(--bordeaux-lighter)
      );
  --rh-color-interactive-primary-hover:
    light-dark(
        var(--bordeaux-dark),
        var(--bordeaux-light)
      );
  --rh-color-interactive-primary-focus:
    light-dark(
        var(--bordeaux-dark),
        var(--bordeaux-light)
      );
  --rh-color-interactive-primary-active:
    light-dark(
        var(--bordeaux-dark),
        var(--bordeaux-light)
      );
  --rh-color-border-subtle:
    light-dark(
        var(--bordeaux-darker),
        var(--bordeaux-lighter)
      );
  --rh-color-icon-primary:
    light-dark(
        var(--bordeaux-brand-dark),
        var(--bordeaux-brand-light)
      );
}