/* ==========================================================================
   THEME · Pastel  —  soft, gentle, airy. Low-saturation candy tones.
   Lavender / Mint / Peach on near-white. Calm, friendly, feminine, wellness.
   ========================================================================== */
body.theme-pastel {
  --font-head: "Quicksand", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;

  --color-bg:        #fbf7ff;
  --color-surface:   #ffffff;
  --color-surface-2: #f3ecfb;
  --color-text:      #4a4458;
  --color-muted:     #8f88a0;
  --color-border:    #ecdff5;

  --color-primary:          #b8a4e3;   /* lavender */
  --color-primary-contrast: #322b45;
  --color-secondary:        #9fd8cb;   /* mint */
  --color-accent:           #f7b7a3;   /* peach */

  --color-success: #86c7a8;
  --color-warn:    #f0c987;
  --color-error:   #ef9a9a;

  --radius-sm: 12px;
  --radius:    18px;
  --radius-lg: 28px;
  --border-width: 1.5px;
  --shadow-sm: 0 4px 12px rgba(184, 164, 227, 0.18);
  --shadow:    0 12px 28px rgba(184, 164, 227, 0.25);
  --shadow-lg: 0 22px 48px rgba(184, 164, 227, 0.3);
}

/* Personality: pillowy soft corners, muted contrast, gentle gradients */
body.theme-pastel {
  background-image: radial-gradient(circle at 12% 8%, rgba(159, 216, 203, 0.25), transparent 30%),
                    radial-gradient(circle at 88% 92%, rgba(247, 183, 163, 0.22), transparent 32%);
}
body.theme-pastel h1, body.theme-pastel h2, body.theme-pastel h3,
body.theme-pastel .card-title, body.theme-pastel .hero h3 { font-weight: 600; color: #4a4458; }
body.theme-pastel .btn { border-radius: 999px; font-weight: 700; color: #322b45; }
body.theme-pastel .btn:hover { transform: translateY(-2px); }
body.theme-pastel .badge { border-radius: 999px; font-weight: 700; }
body.theme-pastel .card,
body.theme-pastel .pricing,
body.theme-pastel .testimonial { border-radius: 22px; }
body.theme-pastel .card-media { background: linear-gradient(135deg, #b8a4e3, #9fd8cb 55%, #f7b7a3); }
body.theme-pastel .input, body.theme-pastel .textarea, body.theme-pastel .select { border-radius: 14px; background: #fbf7ff; }
body.theme-pastel .hero { color: #4a4458; background: radial-gradient(120% 120% at 100% 0%, rgba(247,183,163,0.6), transparent 60%), linear-gradient(135deg, #e7ddf7, #d6efe8); }
body.theme-pastel .hero p { color: #6a6280; }
body.theme-pastel .hero .btn-outline { color: #4a4458; border-color: #4a4458; }
body.theme-pastel .navbar { color: #322b45; }
body.theme-pastel .footer-demo { color: #322b45; }
body.theme-pastel .doc-canvas { background: #fbf7ff; }