:root {  /* bright mode */
  --tretopp-birch: #F3EDE0;
  --tretopp-spruce: #1F3B2D;
  --tretopp-fresh-tip: #A6DB82;
  --tretopp-forest: #33683F;
  --tretopp-lingonberry: #C2412F;
  --tretopp-cloudberry: #EFA83B;
  --tretopp-bg: #F3EDE0;
  --tretopp-fg: #1F3B2D;
  --tretopp-font-display: "Fraunces", Georgia, serif;
  --tretopp-font-text: "DM Sans", system-ui, sans-serif;
}

[data-theme="moody"] {  /* moody mode */
  --tretopp-night: #111F17;
  --tretopp-deep-forest: #1F4030;
  --tretopp-mist: #4C6B57;
  --tretopp-birch: #F3EDE0;
  --tretopp-glow: #F6C86A;
  --tretopp-lingonberry: #C2412F;
  --tretopp-bg: #111F17;
  --tretopp-fg: #F3EDE0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="bright"]) {
    --tretopp-bg: #111F17;
    --tretopp-fg: #F3EDE0;
  }
}