/* Shared palette. Light is the default; theme.js may select dark before paint. */
:root {
  color-scheme: light;

  --bg: #f7f3ef;
  --bg2: #eee8e2;
  --bg3: #e5ddd6;
  --bg4: #d8cec6;
  --blush: #b96f87;
  --blush-dim: #87465e;
  --blush-faint: rgba(185, 111, 135, 0.08);
  --blush-faint2: rgba(185, 111, 135, 0.14);
  --text: #211c1e;
  --text-muted: #5f5057;
  --text-dim: #6d5c64;
  --text-soft: rgba(33, 28, 30, 0.78);
  --text-softer: rgba(33, 28, 30, 0.86);
  --text-softest: rgba(33, 28, 30, 0.74);
  --border: rgba(48, 39, 43, 0.16);
  --border2: rgba(48, 39, 43, 0.09);
  --surface-alpha: rgba(247, 243, 239, 0.92);
  --overlay-alpha: rgba(247, 243, 239, 0.98);
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Outfit", system-ui, sans-serif;
}

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

  --bg: #0e0c0d;
  --bg2: #141012;
  --bg3: #1a1518;
  --bg4: #221c20;
  --blush: #e8b4c4;
  --blush-dim: #c4849a;
  --blush-faint: rgba(232, 180, 196, 0.08);
  --blush-faint2: rgba(232, 180, 196, 0.14);
  --text: #f0eaec;
  --text-muted: #aa949e;
  --text-dim: #9e8993;
  --text-soft: rgba(240, 234, 236, 0.78);
  --text-softer: rgba(240, 234, 236, 0.86);
  --text-softest: rgba(240, 234, 236, 0.74);
  --border: rgba(232, 180, 196, 0.12);
  --border2: rgba(232, 180, 196, 0.06);
  --surface-alpha: rgba(14, 12, 13, 0.85);
  --overlay-alpha: rgba(14, 12, 13, 0.97);
}