: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%, 85%);
    --random-brand-tertiary-1: hsl(-54deg, 39%, 75%);
    --random-brand-tertiary-light: hsl(-54deg, 39%, 85%);
  }
  .dark-mode, .text-light {
    --random-brand-logo-colour: hsl(126deg, 39%, 55%);
    --random-brand-colour: hsl(126deg, 39%, 30%);
    --random-brand-colour-light: hsl(126deg, 39%, 10%);
    --random-brand-tertiary-1: hsl(-54deg, 39%, 50%);
    --random-brand-text: var(--light);
  }
  @media (prefers-color-scheme: dark) {
      :root {
        --random-brand-logo-colour: hsl(126deg, 39%, 55%);
        --random-brand-colour: hsl(126deg, 39%, 30%);
        --random-brand-colour-light: hsl(126deg, 39%, 10%);
        --random-brand-tertiary-1: hsl(-54deg, 39%, 20%);
        --random-brand-text: var(--light);
      }
  }