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