body.dark {
  --color-brand: var(--color-tangerine-400);
  --color-brand-rgba: var(--color-tangerine-400-rgb);
  --color-brand-link: var(--color-tangerine-200);
}

body {
  --color-tangerine-400: #ef6e0f;
  --color-tangerine-400-rgb: rgba(240, 109, 15);
  --color-tangerine-500: #e76506;
  --color-tangerine-500-rgb: rgba(231, 101, 6);

  --color-brand: var(--color-tangerine-500);
  --color-brand-link: var(--color-tangerine-500);
  --color-brand-rgba: var(--color-tangerine-500-rgb);
  --color-brand-lightened: #ffb259;
  --logo-width: 150px;
  --logo-height: 24px;
  --wp-drastic-accent-color: #c0131a;
}

@media screen and (min-width: 630px) {
  body {
    --logo-width: 175px;
    --logo-height: 36px;
  }
}