:root, * {
  --brand: hotpink;
  --brand-highlight: color-mix(in oklab, var(--brand), white);
  --brand-shadow: color-mix(in oklab, var(--brand), black);
  --brand-gradient: linear-gradient(in oklab,
    var(--brand-highlight),
    var(--brand)
  );
}

@media (prefers-color-scheme: dark) {
    :root, * {
      --brand: lightstink; /*😱💨*/
    }
  }
}