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