:root {
    --hero-base: hsl(279 63% 50%);
    --hero-dark: hsl(from var(--hero-base) h s 35%);
    --hero-light: hsl(from var(--hero-base) h s 75%);
    --hero-colour: light-dark(var(--hero-dark), var(--hero-light));

    --accent-base: hsl(330 100% 50%);
    --accent-dark: hsl(330 100% 33%);
    --accent-light: hsl(330 100% 69%);
    --accent-colour: light-dark(var(--accent-dark), var(--accent-light));

    --font-family: 'Quicksand', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}