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