/* === Base Style Variables === */
:root {
  --border-radius: 10px;
  --shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* === Theme: Peach (default) === */
[data-theme="peach"] {
  --bg: #fff8f3;
  --accent: #ffcba4;
  --text: #4e403b;
  --link: #d88c6c;
  --hover: #ffb48d;
  --card-bg: #ffffff;
  --divider-gradient: radial-gradient(circle, #ffcba4 0%, #fff8f3 50%, #ffcba4 100%);
}

/* === Theme: Plum (dark mode) === */
[data-theme="plum"] {
  --bg: #1e1126;
  --accent: #5e2a5f;
  --text: #f3e9f1;
  --link: #ba7ac7;
  --hover: #dba6f0;
  --card-bg: #2d1836;
  --divider-gradient: radial-gradient(circle, #5e2a5f 0%, #2d1836 50%, #5e2a5f 100%);
}

/* === Theme: Apricot === */
[data-theme="apricot"] {
  --bg: #fff1d6;
  --accent: #fbb02d;
  --text: #3a1e00;
  --link: #fb6107;
  --hover: #ff892e;
  --card-bg: #fff7ea;
  --divider-gradient: radial-gradient(circle, #fb6107 0%, #fff1d6 50%, #fb6107 100%);
}