:root {
    --random-brand-text: var(--light);
    --random-brand-text-subtle: var(--light-subtle);
    --random-brand-colour: hsl(256deg, 62%, 48%);
    --random-brand-colour-light: hsl(256deg, 62%, 85%);
    --random-brand-tertiary-1: hsl(76deg, 62%, 75%);
    --random-brand-tertiary-light: hsl(76deg, 62%, 85%);
  }
  .dark-mode, .text-light {
    --random-brand-logo-colour: hsl(256deg, 62%, 55%);
    --random-brand-colour: hsl(256deg, 62%, 30%);
    --random-brand-colour-light: hsl(256deg, 62%, 10%);
    --random-brand-tertiary-1: hsl(76deg, 62%, 50%);
    --random-brand-text: var(--light);
  }
  @media (prefers-color-scheme: dark) {
      :root {
        --random-brand-logo-colour: hsl(256deg, 62%, 55%);
        --random-brand-colour: hsl(256deg, 62%, 30%);
        --random-brand-colour-light: hsl(256deg, 62%, 10%);
        --random-brand-tertiary-1: hsl(76deg, 62%, 20%);
        --random-brand-text: var(--light);
      }
  }