html[data-theme="pink"] {
  --bg: #fff5f8;
  --bg-2: #ffe9f2;
  --ink: #3a2230;
  --ink-soft: #7a5c6b;
  --accent: #ff69b4;
  --accent-2: #ffd700;
  --accent-3: #e8a0bf;
  --card-bg: #ffffff;
  --card-border: #ffc4dd;
  --shadow: 0 18px 50px rgba(255, 105, 180, 0.25);
  --font-title: 'Fredoka', 'Segoe UI', sans-serif;
  --font-body: 'Quicksand', system-ui, sans-serif;
  --radius: 22px;
  --title-size: clamp(3rem, 12vw, 7rem);
}

html[data-theme="pink"] body {
  background:
    radial-gradient(circle at 15% 8%, #fff0f6 0%, transparent 45%),
    radial-gradient(circle at 85% 92%, #ffe0ee 0%, transparent 50%),
    linear-gradient(180deg, #fff5f8, #ffe9f2);
}