:root,
[data-md-color-scheme="default"] {
  --brand-primary: #188fc3;
  --brand-accent: #f17245;
  --brand-secondary: #4fa488;
  --brand-header-bg: #ffffff;
  --brand-header-fg: #555b63;
  --brand-heading-font: "Raleway", "Roboto", sans-serif;
  --brand-compact-logo-width: 72px;
  --brand-logo-title-gap: 0.5rem;
  --brand-logo-width: 84px;
}

[data-md-color-scheme="slate"] {
  --brand-primary: #54b9e5;
  --brand-accent: #ff936d;
  --brand-secondary: #76c6ac;
  --brand-header-bg: #17232b;
  --brand-header-fg: #f5fbff;
  --brand-heading-font: "Raleway", "Roboto", sans-serif;
  --brand-logo-width: 84px;
}