Code

// BRAND COLORS
:root {
  --color-brand-primary: hsl(206deg, 72%, 47%);
  --color-brand-primary-dark: color-mix(in srgb, var(--color-brand-primary), black 20%);
  --color-brand-primary-darker: color-mix(in srgb, var(--color-brand-primary), black 50%);
  --color-brand-secondary: var(--color-brand-primary-darker);
}