:root {
  /* Palette — soft pastels from the reference screenshots */
  --bg-top: #fde7f0;
  --bg-bottom: #fff6fb;
  --card: #ffffff;
  --ink: #7a2e4a;          /* deep rose for headlines */
  --ink-soft: #b58aa0;     /* muted secondary text */
  --pink: #f7a8c4;         /* primary YES pill */
  --pink-deep: #ef7faa;
  --pink-ghost: #fbe1ec;   /* selected / hover tint */
  --lilac: #cdb8f0;
  --shadow: 0 18px 40px rgba(160, 80, 120, 0.18);

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;

  --radius: 22px;
  --radius-pill: 999px;

  --font-display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}