:where(:root) {
  --color-material-solid: white;
  --color-material-translucent: #ffffffb3;
}

:is(.dark, .dark-theme) {
  --color-material-solid: var(--neutral-2);
  --color-material-translucent: var(--black-a7);
}

:where([data-material-background="solid"]) {
  --color-material: var(--color-material-solid);
  --backdrop-filter-material: none;
}

:where([data-material-background="translucent"]) {
  --color-material: var(--color-material-translucent);
  --backdrop-filter-material: blur(64px);
}