:root {--random-brand-text: var(--light);--random-brand-text-subtle: var(--light-subtle);--random-brand-colour: hsl(126deg, 39%, 29%);--random-brand-colour-light: hsl(126deg, 39%, clamp(80%, 29%, 90%));--random-brand-tertiary-1: hsl(-54deg, 39%, clamp(60%, 29%, 90%));--random-brand-tertiary-light: hsl(-54deg, 39%, clamp(80%, 29%, 90%));} .dark-mode, .text-light {--random-brand-colour: hsl(126deg, 39%, clamp(40%, 29%, 60%));--random-brand-colour-light: hsl(126deg, 39%, clamp(5%, 29%, 15%));--random-brand-tertiary-1: hsl(-54deg, 39%, clamp(40%, 29%, 60%));} @media (prefers-color-scheme: dark) {:root {--random-brand-colour: hsl(126deg, 39%, clamp(40%, 29%, 60%)); --random-brand-colour-light: hsl(126deg, 39%, clamp(5%, 29%, 15%)); --random-brand-tertiary-1: hsl(-54deg, 39%, clamp(40%, 29%, 60%));}}