html.once-human {
  &:root {

    scroll-behavior: smooth !important;

    /* Brand Colours */
    --brand-neon: rgb(36, 194, 196);
    --brand-dark: #1a2328;
    --brand-red: #bd0750;
    --brand-dark-60: rgb(26, 35, 40, 0.6);
    --brand-neon-60: rgb(36, 194, 196, 0.6);

    --ui-primary: var(--brand-neon);

    /* Fonts */
    --primary-font-family: 'Poppins', sans-serif;

    & body {
      font-family: var(--primary-font-family);
    }

    & button.text-white {
      color: var(--brand-dark);
    }

    :where(.i-lucide\:check) {
      background-color: var(--brand-dark) !important;
    }
  }
}