/* Dark colors: ef-cherie by Protesilaos Stavrou.
   https://github.com/protesilaos/ef-themes/blob/main/ef-cherie-theme.el
   Light colors adapt the same rose, magenta, and gold family for contrast. */
:root {
  color-scheme: light dark;
  --page-bg: light-dark(#f8edf1, #190a0f);
  --page-glow: light-dark(#efd3e4, #291f26);
  --surface: light-dark(#fff7fa, #392a2f);
  --text-muted: light-dark(#765565, #bf9f8f);
  --text: light-dark(#482c3c, #d3cfcf);
  --border: light-dark(#b890a3, #695960);
  --pink: light-dark(#a52a63, #ef80bf);
  --rose: light-dark(#ac2858, #ff78aa);
  --magenta: light-dark(#a02691, #f470df);
  --mauve: light-dark(#864e89, #cc9bcf);
  --coral: light-dark(#a13f38, #f59280);
  --gold: light-dark(#885715, #e5b76f);
  --on-petal: light-dark(#fff7fa, #190a0f);
  --selection-bg: light-dark(#f3bdd9, #771a4f);
  --selection-text: light-dark(#482c3c, #ffcfdf);
  --page-pattern: light-dark(rgb(165 42 99 / 5%), rgb(239 128 191 / 4%));
  --surface-shadow: light-dark(rgb(72 44 60 / 25%), rgb(0 0 0 / 70%));
}

:root[data-theme="light"] {
  color-scheme: light;
}

:root[data-theme="dark"] {
  color-scheme: dark;
}

::selection {
  color: var(--selection-text);
  background: var(--selection-bg);
}