:root {
  --bg1: #ffecd2;
  --bg2: #fcb69f;
  --accent: #ff6b6b;
  --card-bg: rgba(255, 255, 255, 0.85);
}
html,
body {
  height: 100%;
  margin: 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: linear-gradient(135deg, var(--bg1), var(--bg2));
}
.hide {
  display: none !important;
}
.page {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.fade-out {
  opacity: 0;
}
.opacity {
  opacity: 0;
}