Page vs Component

three strategies for who owns light & dark

:root { color-scheme: light dark; }
.sidebar { color-scheme: dark; }

.card {
  color-scheme: light dark;
  background: light-dark(white, #222);
}