body {
  --hbr-color-brand-95: var(--hbr-color-blue-95);
  --hbr-color-brand-90: var(--hbr-color-blue-90);
  --hbr-color-brand-85: var(--hbr-color-blue-85);
  --hbr-color-brand-80: var(--hbr-color-blue-80);
  --hbr-color-brand-70: var(--hbr-color-blue-70);
  --hbr-color-brand-65: var(--hbr-color-blue-65);
  --hbr-color-brand-60: var(--hbr-color-blue-60);
  --hbr-color-brand-55: var(--hbr-color-blue-55);
  --hbr-color-brand-50: var(--hbr-color-blue-50);
  --hbr-color-brand-45: var(--hbr-color-blue-45);
  --hbr-color-brand-40: var(--hbr-color-blue-40);
  --hbr-color-brand-35: var(--hbr-color-blue-35);
  --hbr-color-brand: var(--hbr-color-brand-45);
  --hbr-color-brand-hover: var(--hbr-color-brand-40);
  --hbr-color-brand-active: var(--hbr-color-brand-40);
  --hbr-color-brand-selected: var(--hbr-color-brand-50);
  --hbr-color-brand-focus: var(--hbr-color-brand-85);
  --hbr-color-brand-disabled: var(--hbr-color-brand-80);
  --hbr-color-brand-highlight: #45991F4D;
  --hbr-color-brand-medium: var(--hbr-color-brand-50);
  --hbr-color-brand-medium-disabled: var(--hbr-color-brand-85);
  --hbr-color-brand-weak: var(--hbr-color-brand-65);
  --hbr-color-brand-weak-highlight: var(--hbr-color-brand-95);
  --hbr-color-brand-bg: var(--hbr-color-brand-95);
  --hbr-color-brand-bg-medium: var(--hbr-color-brand-90);
  --hbr-color-brand-bg-weak: var(--hbr-color-brand-85);
  --hbr-color-brand-bg-hover: var(--hbr-color-brand-90);
  --hbr-color-brand-bg-medium-hover: var(--hbr-color-brand-85);
  --hbr-color-brand-bg-weak-hover: var(--hbr-color-brand-80);
  --hbr-color-brand-bg-selected: var(--hbr-color-brand-95);
  --hbr-color-brand-bg-weak-selected: var(--hbr-color-brand-40);
  --hbr-color-brand-bg-weak-selected-hover: var(--hbr-color-brand-35);
  --hbr-color-brand-bg-disabled: var(--hbr-color-brand-95);
  --hbr-color-brand-bg-medium-disabled: var(--hbr-color-brand-95);
  --hbr-color-brand-vivid-bg: var(--hbr-color-brand-35);
  --hbr-color-brand-text: var(--hbr-color-brand-45);
  --hbr-color-brand-text-medium: var(--hbr-color-brand-50);
  --hbr-color-brand-text-weak: var(--hbr-color-brand-85);
  --hbr-color-brand-text-hover: var(--hbr-color-brand-40);
  --hbr-color-brand-text-medium-hover: var(--hbr-color-brand-45);
  --hbr-color-brand-text-weak-hover: var(--hbr-color-brand-85);
  --hbr-color-brand-text-disabled: var(--hbr-color-brand-80);
  --hbr-color-brand-vivid-text: var(--hbr-color-brand-95);
  --hbr-color-brand-contrast-text: var(--hbr-color-brand-90);
  --hbr-color-brand-icon: var(--hbr-color-brand-45);
  --hbr-color-brand-icon-hover: var(--hbr-color-brand-50);
  --hbr-color-brand-icon-selected: var(--hbr-color-brand-50);
  --hbr-color-brand-icon-disabled: var(--hbr-color-brand-80);
  --hbr-color-brand-icon-strong: var(--hbr-color-brand-45);
  --hbr-color-brand-icon-strong-hover: var(--hbr-color-brand-35);
  --hbr-color-brand-icon-strong-disabled: var(--hbr-color-brand-80);
  --hbr-color-brand-icon-medium: var(--hbr-color-brand-60);
  --hbr-color-brand-icon-weak: var(--hbr-color-brand-70);
  --hbr-color-brand-contrast-icon: var(--hbr-color-brand-95);
  --hbr-color-brand-contrast-icon-disabled: var(--hbr-color-brand-80);
  --hbr-color-brand-vivid-icon: var(--hbr-color-brand-98);
  --hbr-color-brand-border: var(--hbr-color-brand-50);
  --hbr-color-brand-border-medium: var(--hbr-color-brand-55);
  --hbr-color-brand-border-weak: var(--hbr-color-brand-60);
  --hbr-color-brand-border-hover: var(--hbr-color-brand-40);
  --hbr-color-brand-border-disabled: var(--hbr-color-brand-80);
  --hbr-color-brand-vivid-border: var(--hbr-color-brand-50);
  --hbr-color-brand-vivid-border-hover: var(--hbr-color-brand-85);
}

body.hbr-mode-dark {
  --hbr-color-brand-95: var(--hbr-color-blue-95);
  --hbr-color-brand-90: var(--hbr-color-blue-90);
  --hbr-color-brand-85: var(--hbr-color-blue-85);
  --hbr-color-brand-80: var(--hbr-color-blue-80);
  --hbr-color-brand-70: var(--hbr-color-blue-70);
  --hbr-color-brand-65: var(--hbr-color-blue-65);
  --hbr-color-brand-60: var(--hbr-color-blue-60);
  --hbr-color-brand-55: var(--hbr-color-blue-55);
  --hbr-color-brand-50: var(--hbr-color-blue-50);
  --hbr-color-brand-45: var(--hbr-color-blue-45);
  --hbr-color-brand-40: var(--hbr-color-blue-40);
  --hbr-color-brand-35: var(--hbr-color-blue-35);
  --hbr-color-brand-hover: var(--hbr-color-brand-70);
  --hbr-color-brand-active: var(--hbr-color-brand-70);
  --hbr-color-brand-selected: var(--hbr-color-brand-70);
  --hbr-color-brand-focus: var(--hbr-color-brand-70);
  --hbr-color-brand-disabled: #649EF580;
  --hbr-color-brand-highlight: #5191F040;
  --hbr-color-brand-medium: var(--hbr-color-brand-65);
  --hbr-color-brand-medium-disabled: #5191F080;
  --hbr-color-brand-weak: var(--hbr-color-brand-50);
  --hbr-color-brand-weak-highlight: #649EF540;
  --hbr-color-brand-bg: #649EF540;
  --hbr-color-brand-bg-medium: #2774D980;
  --hbr-color-brand-bg-weak: var(--hbr-color-brand-65);
  --hbr-color-brand-bg-hover: #649EF540;
  --hbr-color-brand-bg-medium-hover: #649EF520;
  --hbr-color-brand-bg-weak-hover: var(--hbr-color-brand-65);
  --hbr-color-brand-bg-selected: #649EF510;
  --hbr-color-brand-bg-weak-selected: var(--hbr-color-brand-70);
  --hbr-color-brand-bg-weak-selected-hover: var(--hbr-color-brand-80);
  --hbr-color-brand-bg-disabled: #5191F080;
  --hbr-color-brand-vivid-bg: var(--hbr-color-brand-50);
  --hbr-color-brand-text: var(--hbr-color-brand-70);
  --hbr-color-brand-text-medium: var(--hbr-color-brand-65);
  --hbr-color-brand-text-weak: var(--hbr-color-brand-60);
  --hbr-color-brand-text-hover: var(--hbr-color-brand-65);
  --hbr-color-brand-text-medium-hover: var(--hbr-color-brand-65);
  --hbr-color-brand-text-weak-hover: var(--hbr-color-brand-55);
  --hbr-color-brand-text-disabled: #649EF580;
  --hbr-color-brand-vivid-text: var(--hbr-color-brand-95);
  --hbr-color-brand-contrast-text: #2774D980;
  --hbr-color-brand-icon: var(--hbr-color-brand-80);
  --hbr-color-brand-icon-hover: var(--hbr-color-brand-95);
  --hbr-color-brand-icon-weak-hover: var(--hbr-color-brand-90);
  --hbr-color-brand-icon-weak-selected: var(--hbr-color-brand-90);
  --hbr-color-brand-contrast-icon: var(--hbr-color-brand-40);
  --hbr-color-brand-icon-disabled: #5191F080;
  --hbr-color-brand-contrast-icon-disabled: var(--hbr-color-brand-70);
  --hbr-color-brand-vivid-icon: var(--hbr-color-brand-98);
  --hbr-color-brand-border: var(--hbr-color-brand-70);
  --hbr-color-brand-border-medium: var(--hbr-color-brand-70);
  --hbr-color-brand-border-weak: var(--hbr-color-brand-80);
  --hbr-color-brand-border-hover: var(--hbr-color-brand-65);
  --hbr-color-brand-border-disabled: #5191F080;
  --hbr-color-brand-vivid-border: var(--hbr-color-brand-55);
  --hbr-color-brand-vivid-border-hover: var(--hbr-color-brand-85);
}