:root {
  /* Brand CSS Variables */
  --brand-primary: #0067a6;
  --brand-secondary: #0a3161;

  --menu-font-color: oklch(1 0 0);
  --menu-font-shadow: oklch(0 0 0);
  --menu-gradient-via: var(--brand-secondary);

  --logo-padding: 22px;
  --logo-padding-y: 42px;
  --logo-padding-x: 20px;

  --header-button-color: var(--brand-secondary);
}