/* Light theme — matches index-light.html; applied when html has .desiree-landing-light */

html.desiree-landing-light {
  --bg: #fbfbff;
  --bg-alt: #f7f2ff;
  --bg-soft: rgba(255, 255, 255, 0.92);
  --card-bg: rgba(255, 255, 255, 0.94);
  --card-border: rgba(24, 24, 34, 0.10);
  --primary: #6d28d9;
  --primary-soft: rgba(109, 40, 217, 0.14);
  --primary-strong: #a21caf;
  --accent: #0891b2;
  --text: #0b0b14;
  --muted: rgba(11, 11, 20, 0.62);
  --danger: #e11d48;
  --shadow-soft: 0 26px 65px rgba(9, 9, 20, 0.14);
  --shadow-subtle: 0 14px 40px rgba(9, 9, 20, 0.12);
  --blur: 22px;
}

html.desiree-landing-light,
html.desiree-landing-light body {
  color: var(--text);
  background:
    radial-gradient(900px 520px at 12% -10%, rgba(162, 28, 175, 0.10), transparent 60%),
    radial-gradient(900px 520px at 92% 0%, rgba(8, 145, 178, 0.10), transparent 60%),
    radial-gradient(900px 620px at 45% 110%, rgba(109, 40, 217, 0.08), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #fbfbff 25%, #f7f2ff 65%, #f1fbff 100%);
}

html.desiree-landing-light header {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.62), transparent);
  border-bottom: 1px solid rgba(24, 24, 34, 0.10);
}

html.desiree-landing-light .brand-logo {
  background: radial-gradient(circle at 20% 0, #ff8a4c 0, #a21caf 38%, #0891b2 92%);
  box-shadow: 0 0 0 1px rgba(24, 24, 34, 0.12), 0 16px 32px rgba(9, 9, 20, 0.14);
  color: #0b0b14;
}

html.desiree-landing-light .btn-outline {
  border-color: rgba(15, 23, 42, 0.16);
  color: rgba(15, 23, 42, 0.72);
  background: rgba(255, 255, 255, 0.72);
}

html.desiree-landing-light .btn-outline:hover {
  border-color: rgba(15, 23, 42, 0.28);
  color: rgba(15, 23, 42, 0.86);
  background: rgba(255, 255, 255, 0.92);
}

html.desiree-landing-light .btn-primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #a21caf, #6d28d9 42%, #0891b2) !important;
  box-shadow: 0 20px 48px rgba(162, 28, 175, 0.20), 0 14px 34px rgba(109, 40, 217, 0.16), 0 10px 28px rgba(8, 145, 178, 0.14) !important;
}

@keyframes desiree-ctaGlow-light {
  0%, 100% { box-shadow: 0 20px 48px rgba(162, 28, 175, 0.18), 0 14px 34px rgba(109, 40, 217, 0.14), 0 10px 28px rgba(8, 145, 178, 0.12); }
  50% { box-shadow: 0 28px 72px rgba(162, 28, 175, 0.22), 0 18px 44px rgba(109, 40, 217, 0.18), 0 12px 34px rgba(8, 145, 178, 0.16); }
}

html.desiree-landing-light .cta-glow {
  animation-name: desiree-ctaGlow-light;
}

html.desiree-landing-light .btn-subtle {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(24, 24, 34, 0.14);
  color: rgba(11, 11, 20, 0.86);
}

html.desiree-landing-light .badge-age,
html.desiree-landing-light body.desiree-landing-page header .badge-age {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(24, 24, 34, 0.14);
  color: rgba(11, 11, 20, 0.78) !important;
}

/* Header nav and CTA in light: ensure dark text */
html.desiree-landing-light header .nav,
html.desiree-landing-light header .nav-links a,
html.desiree-landing-light header .brand-text-sub {
  color: rgba(11, 11, 20, 0.72) !important;
}

html.desiree-landing-light header .btn.btn-outline {
  color: rgba(11, 11, 20, 0.82) !important;
  border-color: rgba(24, 24, 34, 0.2);
  background: rgba(255, 255, 255, 0.88);
}

html.desiree-landing-light .hero-eyebrow,
html.desiree-landing-light .chip,
html.desiree-landing-light .hero-card-input,
html.desiree-landing-light .persona-chip,
html.desiree-landing-light .filter-chip,
html.desiree-landing-light .personas-count,
html.desiree-landing-light .persona-stat,
html.desiree-landing-light .mode-scale,
html.desiree-landing-light .pricing-pill,
html.desiree-landing-light .compliance-badge {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(24, 24, 34, 0.12);
  color: rgba(11, 11, 20, 0.78);
}

html.desiree-landing-light .filter-chip:hover {
  border-color: rgba(162, 28, 175, 0.42);
}

html.desiree-landing-light .filter-chip.active {
  background: linear-gradient(135deg, rgba(162, 28, 175, 0.14), rgba(109, 40, 217, 0.10), rgba(8, 145, 178, 0.10));
  border-color: rgba(109, 40, 217, 0.34);
  color: rgba(11, 11, 20, 0.88);
}

html.desiree-landing-light .hero-trust strong,
html.desiree-landing-light .hero-meta-item span.value,
html.desiree-landing-light .persona-stat strong,
html.desiree-landing-light .quote-text,
html.desiree-landing-light .quote-user-name,
html.desiree-landing-light .pricing-copy strong,
html.desiree-landing-light .plan-features,
html.desiree-landing-light .hero-avatar-strip-title strong {
  color: rgba(11, 11, 20, 0.92);
}

html.desiree-landing-light .pricing-copy,
html.desiree-landing-light .plan-body,
html.desiree-landing-light .plan-meta-row,
html.desiree-landing-light .plan-price span,
html.desiree-landing-light .plan-label,
html.desiree-landing-light .feature-body,
html.desiree-landing-light .feature-meta,
html.desiree-landing-light .persona-meta,
html.desiree-landing-light .msg-meta {
  color: rgba(11, 11, 20, 0.62);
}

html.desiree-landing-light .plan-name,
html.desiree-landing-light .plan-price,
html.desiree-landing-light .feature-title,
html.desiree-landing-light .section-title {
  color: rgba(11, 11, 20, 0.92);
}

html.desiree-landing-light .plan-features {
  color: rgba(11, 11, 20, 0.82);
}

html.desiree-landing-light .plan-features li::before {
  color: rgba(34, 197, 94, 0.92);
}

html.desiree-landing-light .plan-pill {
  background: rgba(162, 28, 175, 0.10);
  border-color: rgba(162, 28, 175, 0.22);
  color: rgba(162, 28, 175, 0.92);
}

html.desiree-landing-light .plan-card.popular {
  background: radial-gradient(circle at top, rgba(162, 28, 175, 0.12), transparent 55%), radial-gradient(circle at bottom right, rgba(8, 145, 178, 0.10), transparent 55%), rgba(255, 255, 255, 0.96);
  border-color: rgba(109, 40, 217, 0.22);
  box-shadow: 0 26px 70px rgba(9, 9, 20, 0.14);
}

html.desiree-landing-light .hero-subtitle strong {
  color: rgba(15, 23, 42, 0.92);
}

html.desiree-landing-light .hero-card {
  background: radial-gradient(circle at top left, rgba(162, 28, 175, 0.14), transparent 60%), radial-gradient(circle at top right, rgba(8, 145, 178, 0.10), transparent 55%), rgba(255, 255, 255, 0.96);
  border-color: rgba(24, 24, 34, 0.12);
  box-shadow: 0 26px 70px rgba(9, 9, 20, 0.14);
}

html.desiree-landing-light .hero-avatar {
  border-color: rgba(15, 23, 42, 0.10);
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
}

html.desiree-landing-light .hero-card-preview {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.94));
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
}

html.desiree-landing-light .hero-card-messages {
  background: radial-gradient(circle at top left, rgba(8, 145, 178, 0.14), transparent 60%), rgba(255, 255, 255, 0.96);
  border-color: rgba(24, 24, 34, 0.12);
}

html.desiree-landing-light .msg-ai {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(15, 23, 42, 0.12);
}

html.desiree-landing-light .msg-me {
  background: rgba(162, 28, 175, 0.08);
  border-color: rgba(109, 40, 217, 0.18);
}

html.desiree-landing-light .hero-card-input {
  color: rgba(15, 23, 42, 0.62);
}

html.desiree-landing-light .hero-floating {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(24, 24, 34, 0.12);
  box-shadow: 0 18px 44px rgba(9, 9, 20, 0.12);
}

html.desiree-landing-light .hero-floating-label {
  color: rgba(11, 11, 20, 0.65) !important;
}

html.desiree-landing-light .hero-floating-value {
  color: rgba(11, 11, 20, 0.9) !important;
}

html.desiree-landing-light .hero-floating-meter {
  background: rgba(226, 232, 240, 0.9);
}

html.desiree-landing-light .persona-card,
html.desiree-landing-light .feature-card,
html.desiree-landing-light .plan-card,
html.desiree-landing-light .quote-card,
html.desiree-landing-light .privacy-card,
html.desiree-landing-light .step-card {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(24, 24, 34, 0.12);
  box-shadow: 0 18px 48px rgba(9, 9, 20, 0.10);
}

html.desiree-landing-light .persona-card:hover {
  box-shadow: 0 26px 62px rgba(9, 9, 20, 0.14);
  border-color: rgba(109, 40, 217, 0.22);
}

html.desiree-landing-light .persona-name {
  color: rgba(11, 11, 20, 0.95);
}

html.desiree-landing-light .persona-tag {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.78);
}

html.desiree-landing-light .persona-excerpt {
  color: rgba(11, 11, 20, 0.78);
}

html.desiree-landing-light .cta-band,
html.desiree-landing-light .create-card {
  background: radial-gradient(circle at top left, rgba(162, 28, 175, 0.14), transparent 60%), radial-gradient(circle at bottom right, rgba(8, 145, 178, 0.12), transparent 55%), rgba(255, 255, 255, 0.96);
  border-color: rgba(24, 24, 34, 0.12);
  box-shadow: 0 26px 70px rgba(9, 9, 20, 0.12);
}

html.desiree-landing-light .hero-avatar-pill {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10);
  color: rgba(15, 23, 42, 0.86);
}

html.desiree-landing-light .hero-avatar-pill img {
  border-color: rgba(15, 23, 42, 0.10);
}

html.desiree-landing-light .hero-avatar-strip-title {
  color: rgba(15, 23, 42, 0.62);
}

html.desiree-landing-light footer,
html.desiree-landing-light .footer-bottom {
  color: rgba(11, 11, 20, 0.56);
}

html.desiree-landing-light .footer-nav-group h4,
html.desiree-landing-light .footer-nav-group a,
html.desiree-landing-light .footer-social a {
  color: rgba(11, 11, 20, 0.62);
}

/* Section eyebrow (e.g. "Sign In") in light: dark text */
html.desiree-landing-light .section-eyebrow {
  color: rgba(11, 11, 20, 0.65) !important;
}

/* CTA band text in light */
html.desiree-landing-light .cta-band-text h3 {
  color: rgba(11, 11, 20, 0.95);
}

html.desiree-landing-light .cta-band-text p {
  color: rgba(11, 11, 20, 0.72);
}

/* Login section (#login): light inputs and labels */
html.desiree-landing-light #login .quote-card,
html.desiree-landing-light #login .privacy-card {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(24, 24, 34, 0.12);
}

html.desiree-landing-light #login input[type="text"],
html.desiree-landing-light #login input[type="password"] {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(24, 24, 34, 0.18) !important;
  color: rgba(11, 11, 20, 0.9) !important;
}

html.desiree-landing-light #login input::placeholder {
  color: rgba(11, 11, 20, 0.45);
}

html.desiree-landing-light #login label,
html.desiree-landing-light #login .section-title,
html.desiree-landing-light #login .section-description {
  color: rgba(11, 11, 20, 0.85) !important;
}

html.desiree-landing-light #login .section-description {
  color: rgba(11, 11, 20, 0.68) !important;
}

html.desiree-landing-light #login form label[for],
html.desiree-landing-light #login form div label,
html.desiree-landing-light #login form div {
  color: rgba(11, 11, 20, 0.7) !important;
}

html.desiree-landing-light #login a[href*="lostpassword"] {
  color: var(--primary) !important;
}

html.desiree-landing-light #login .privacy-card p {
  color: rgba(11, 11, 20, 0.72) !important;
}

/* Prevent hero floating card from covering avatar strip text */
html.desiree-landing-light .hero-avatar-strip {
  position: relative;
  z-index: 2;
}

/* Hero floating KPI: override inline dark strong color in light mode */
html.desiree-landing-light .hero-floating-value strong {
  color: inherit !important;
}

/* Trust & Safety privacy summary small print */
html.desiree-landing-light .privacy-card p {
  color: rgba(11, 11, 20, 0.78) !important;
}

/* Create card eyebrow inline color override in light mode */
html.desiree-landing-light .create-card .section-eyebrow {
  color: rgba(11, 11, 20, 0.7) !important;
}

/* Bottom sticky chat CTA (light) */
@media (max-width: 1024px) {
  html.desiree-landing-light .desiree-landing-sticky-chat {
    background: linear-gradient(to top, rgba(251, 251, 255, 0.97) 42%, rgba(251, 251, 255, 0));
  }
}