/* ==========================================================================
   Theme: Soft Wellness - calm service design with generous breathing room.
   ========================================================================== */

[data-theme="wellness"] {
  --bg: #f8f4ef;
  --bg-soft: #eef2eb;
  --surface: rgba(255,255,255,0.82);
  --ink: #293b34;
  --muted: #6d7b74;
  --accent: #6f8f7b;
  --accent-ink: #ffffff;
  --accent-2: #d99474;
  --line: #d9e0d8;
  --border-w: 1px;
  --radius: 24px;
  --radius-lg: 34px;
  --shadow: 0 14px 34px rgba(59,79,68,0.08);
  --shadow-strong: 0 24px 54px rgba(59,79,68,0.14);
  --font-display: "Fraunces", Georgia, serif;
  --h-weight: 500;
  --h-tracking: -0.025em;
  --h-transform: none;
  --kicker-font: "Inter", sans-serif;
  --btn-radius: 99px;
  --container-max: 1100px;
  --section-space: clamp(5rem, 10vw, 8rem);
}

[data-theme="wellness"] body {
  background:
    radial-gradient(circle at 5% 12%, rgba(217,148,116,0.13), transparent 24rem),
    radial-gradient(circle at 95% 30%, rgba(111,143,123,0.14), transparent 28rem),
    var(--bg);
}

[data-theme="wellness"] .site-header {
  width: min(1060px, calc(100% - 1.5rem));
  margin: 0.7rem auto 0;
  border: 1px solid rgba(255,255,255,0.8);
  border-radius: 99px;
  background: rgba(255,255,255,0.72);
  box-shadow: var(--shadow);
}
[data-theme="wellness"] .brand-name i { color: var(--accent); }
[data-theme="wellness"] .nav-link { border-radius: 99px; font-weight: 500; }

[data-theme="wellness"] .hero { padding-top: clamp(4.5rem, 10vw, 8rem); }
[data-theme="wellness"] .hero-title { font-size: clamp(2.6rem, 6vw, 4.6rem); font-weight: 500; line-height: 1.02; }
[data-theme="wellness"] .hero-title em { color: var(--accent-2); font-style: italic; }
[data-theme="wellness"] .hero-sub { font-size: 1.08rem; line-height: 1.8; }
[data-theme="wellness"] .kicker { color: var(--accent); letter-spacing: 0.2em; }

[data-theme="wellness"] .btn { border-color: var(--accent); font-weight: 600; }
[data-theme="wellness"] .btn--primary { background: var(--accent); color: #fff; }
[data-theme="wellness"] .btn--primary:hover { background: var(--accent-2); border-color: var(--accent-2); }
[data-theme="wellness"] .btn--ghost { color: var(--accent); }
[data-theme="wellness"] .hp { border: 0; background: rgba(255,255,255,0.72); box-shadow: var(--shadow); }

[data-theme="wellness"] .ticker { border: 0; background: rgba(255,255,255,0.58); }
[data-theme="wellness"] .tk-sep::before { content: "○"; }

[data-theme="wellness"] .section--alt {
  margin-inline: clamp(0.5rem, 2vw, 1.5rem);
  border-radius: clamp(2rem, 5vw, 5rem);
  background: linear-gradient(145deg, rgba(238,242,235,0.96), rgba(248,235,227,0.72));
}

[data-theme="wellness"] .svc-card,
[data-theme="wellness"] .why-card,
[data-theme="wellness"] .demo-card,
[data-theme="wellness"] .step,
[data-theme="wellness"] .price-card,
[data-theme="wellness"] .form,
[data-theme="wellness"] .mode-panel,
[data-theme="wellness"] .win--admin {
  border: 1px solid rgba(255,255,255,0.9);
  background: rgba(255,255,255,0.76);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}
[data-theme="wellness"] .svc-card:hover,
[data-theme="wellness"] .demo-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-strong); }
[data-theme="wellness"] .svc-icon { color: var(--accent); }
[data-theme="wellness"] .why-num { font: italic 500 1.7rem/1 "Fraunces", serif; color: var(--accent-2); }
[data-theme="wellness"] .step-num { border: 0; background: var(--bg-soft); color: var(--accent); }
[data-theme="wellness"] .demo-thumb { border: 0; border-radius: 18px 18px 60px 18px; }
[data-theme="wellness"] .demo-status { border: 0; background: var(--bg-soft); color: var(--accent); }
[data-theme="wellness"] .price-card--featured { background: var(--accent); color: #fff; border: 0; }
[data-theme="wellness"] .price-card--featured .price-desc,
[data-theme="wellness"] .price-card--featured .price-list { color: rgba(255,255,255,0.78); }
[data-theme="wellness"] .price-card--featured .btn--primary { background: #fff; color: var(--accent); border-color: #fff; }
[data-theme="wellness"] .price-badge { background: var(--accent-2); }
[data-theme="wellness"] .field input,
[data-theme="wellness"] .field select,
[data-theme="wellness"] .field textarea { border: 1px solid var(--line); background: rgba(255,255,255,0.7); }
[data-theme="wellness"] .site-footer { border: 0; text-align: center; }

.mode-card[data-mode="wellness"] .mc-prev {
  border: 1px solid #d9e0d8;
  border-radius: 18px;
  background: linear-gradient(145deg, #f8f4ef, #e7efe8);
}
.mode-card[data-mode="wellness"] .mp-a { width: 3.2rem; height: 3.2rem; right: 0.5rem; top: 0.45rem; border-radius: 55% 45% 60% 40%; background: #bfd0c3; }
.mode-card[data-mode="wellness"] .mp-b { width: 2.1rem; height: 3.1rem; left: 0.6rem; bottom: 0.55rem; border-radius: 99px 99px 20px 20px; background: #e7b39c; }
.mode-card[data-mode="wellness"] .mp-c { width: 3rem; height: 0.4rem; right: 0.7rem; bottom: 0.85rem; border-radius: 99px; background: #6f8f7b; }
.mode-card[data-mode="wellness"] .mc-aa { left: 0.65rem; top: 0.65rem; color: #293b34; font-family: "Fraunces", serif; font-style: italic; }