/* CSS Variables and Theme Colors */
:root {
  --bg: #e7efe9;
  --text: #2f3a36;
  --muted: #667a72;
  --accent: #4aa382;
  --shadow-dark: #c6cec8;
  --shadow-light: #ffffff;
  --surface: #e7efe9;
  --radius: 26px;
}

/* Color Palettes for Random Theme Selection */
.palette-blue {
  --bg: #eef5ff;
  --text: #2a3b59;
  --muted: #7e8ba6;
  --accent: #007bff;
  --shadow-dark: #c8d4e4;
  --shadow-light: #ffffff;
  --surface: #eef5ff;
}

.palette-pink {
  --bg: #fff0f5;
  --text: #5c3c48;
  --muted: #967b86;
  --accent: #e91e63;
  --shadow-dark: #e0d1d7;
  --shadow-light: #ffffff;
  --surface: #fff0f5;
}

.palette-purple {
  --bg: #f3eefc;
  --text: #4a3f5e;
  --muted: #8d81a1;
  --accent: #673ab7;
  --shadow-dark: #dcd2e6;
  --shadow-light: #ffffff;
  --surface: #f3eefc;
}

.palette-teal {
  --bg: #effffb;
  --text: #1e4e43;
  --muted: #6ea094;
  --accent: #00c896;
  --shadow-dark: #ccebe2;
  --shadow-light: #ffffff;
  --surface: #effffb;
}