:root {
  --background-gradient: linear-gradient(135deg, #ff9a9e, #fad0c4, #fbc2eb, #a18cd1);
  --container-bg: rgba(255, 255, 255, 0.92);
  --text-color: #222;
  --text-muted: #444;
  --heading-color: #111;
  --button-bg: #ff4b2b;
  --button-hover: #ff416c;
  --button-text: #fff;
  --footer-color: #333;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-gradient: linear-gradient(135deg, #d87a7e, #d9a7b5, #d9a7b5, #c79ac7, #8b76b0);
    --container-bg: rgba(34, 34, 34, 0.92);
    --text-color: #eee;
    --text-muted: #444;
    --heading-color: #111;
    --button-bg: #ff4b2b;
    --button-hover: #ff41bc;
    --button-text: #fff;
    --footer-color: #333;
  }
}