:root,
[data-theme="default"] {
  --p--theme--color--text: var(--p--color--neutral--900);
  --p--theme--color--text-light: var(--p--color--neutral--700);
  --p--theme--color--background: var(--p--color--neutral--50);
  --p--theme--color--background-highlight: var(--p--color--neutral--100);
  --p--theme--color--separator: var(--p--color--neutral--200);
}
[data-theme="muted"] {
  --p--theme--color--text: var(--p--color--neutral--900);
  --p--theme--color--text-light: var(--p--color--neutral--700);
  --p--theme--color--background: var(--p--color--neutral--100);
  --p--theme--color--background-highlight: var(--p--color--neutral--200);
  --p--theme--color--separator: var(--p--color--neutral--300);
}
[data-theme="reverse"] {
  --p--theme--color--text: var(--p--color--neutral--50);
  --p--theme--color--text-light: var(--p--color--neutral--200);
  --p--theme--color--background: var(--p--color--neutral--900);
  --p--theme--color--background-highlight: var(--p--color--neutral--800);
  --p--theme--color--separator: var(--p--color--neutral--600);
}

body,
[data-theme] {
  color: var(--p--theme--color--text);
  background-color: var(--p--theme--color--background);
}