/* ============================================================
   THEME: peach-cloud-soft
   Peach Cloud Soft — airy Cloud-Dancer white + soft peach/coral
   Mood: light-soft-pastel-airy-romantic
   Path B theme (recipe palette). Built on Cloud Dancer (Pantone
   Colour of the Year 2026 — a soft, airy white "whisper of calm")
   + "romantic peach tones with soft neutrals" (skincare, wedding,
   lifestyle). The set had blush-pink (rose-blush-soft) but no
   peach/Cloud-Dancer softness. Airy off-white base, pale-peach alt
   sections, deep coral-watermelon accent (leaned pink to stay
   distinct from warm-clay's terracotta), soft Plus Jakarta Sans,
   generous rounding. Reads skincare / beauty / wellness / wedding /
   baby / lifestyle / soft DTC. All AA-checked.
   Added 2026-06-09 (user request: +4 trend themes, 18 -> 22).
   ============================================================ */

.aibt-theme-peach-cloud-soft {
	--bg-main: #FCFAF8;       /* Cloud-Dancer airy off-white */
	--bg-section: #FBE6DA;    /* soft peach — ABAB alternation */
	--bg-card: #FFFFFF;
	--ink: #36292B;           /* soft warm charcoal — ~13:1 on base */
	--ink-soft: #6A595B;
	--ink-dim: #785F61;       /* muted — AA on the peach alt-section (~5:1) */
	--ink-mute: #E8CDBF;
	--ink-inverse: #FCFAF8;
	--on-accent: #FFFFFF;     /* white on deep coral clears AA (~5:1) */
	--on-dark: #FBEFE9;       /* warm white for plum-brown dark bands */
	--line: rgba(54, 41, 43, 0.12);
	--line-strong: rgba(54, 41, 43, 0.22);

	--font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
	--font-body: 'DM Sans', system-ui, sans-serif;
	--font-mono: 'JetBrains Mono', 'SF Mono', monospace;

	--radius: 16px;           /* soft, pillowy */
	--radius-card: 18px;
	--photo-filter: saturate(1.02) brightness(1.03); /* soft, airy */

	/* === Path B semantic tokens (Layer 2 variant API) — superset over legacy.
	   Deep coral-watermelon #AE4253 clears AA on the airy base (~4.7:1) for
	   links/kickers and as a white-on-accent CTA (~5:1). Leaned pink-coral so it
	   stays distinct from warm-clay's terracotta #B14A2C and rose-blush's
	   magenta-pink #B34A72. The PEACH lives in the soft section tints. === */
	--accent:               #AE4253;
	--background:           var(--bg-main);
	--background-alt:       var(--bg-section);
	--background-dark:      #3A2A2D;   /* deep warm plum-brown for dark bands + footer */
	--background-card:      var(--bg-card);
	--text-primary:         var(--ink);
	--text-secondary:       var(--ink-soft);
	--text-muted:           var(--ink-dim);
	--text-on-photo:        #FFFFFF;
	--text-on-dark:         var(--on-dark);
	--accent-hover:         #9E3A4A;
	--accent-fade:          rgba(174, 66, 83, 0.10);
	--cta-bg-primary:       #AE4253;
	--cta-text-primary:     #FFFFFF;
	--cta-border-primary:   #AE4253;
	--cta-bg-secondary:     transparent;
	--cta-text-secondary:   #9E3A4A;
	--cta-border-secondary: #AE4253;
	--divider-primary:      var(--line);
	--divider-accent:       rgba(174, 66, 83, 0.28);
	--decor-radius:         16px;
	--decor-radius-photo:   16px;
	--decor-shadow:         0 1px 3px rgba(54, 41, 43, 0.06);
	--decor-shadow-elevated:0 16px 44px rgba(184, 72, 90, 0.14);
	--decor-border-width:   1px;
	--italic-color:         var(--accent);
	--italic-weight:        600;

	/* === HERO text-on-photo: airy peach-cloud glass panel === */
	--hero-scrim:        linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(54,41,43,0.24) 100%);
	--hero-panel-bg:     rgba(252, 250, 248, 0.90);
	--hero-panel-blur:   blur(10px) saturate(1.1);
	--hero-panel-text:   var(--ink);
	--hero-panel-pad:    clamp(1.5rem, 3vw, 2.5rem);
	--hero-panel-max:    44ch;
	--hero-panel-radius: 18px;
	--hero-panel-border: 1px solid rgba(184, 72, 90, 0.16);
	--hero-panel-shadow: 0 14px 44px rgba(54, 41, 43, 0.12);
	--hero-text-shadow:  none;
	--hero-em-color:     var(--accent);

	/* === Conversion band: deep coral, white text clears AA (~6:1) === */
	--conversion-band-bg:   #9E3A4A;
	--conversion-band-text: #FFFFFF;

	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.65;
	color: var(--ink);
	background: var(--bg-main);
	-webkit-font-smoothing: antialiased;
}

.aibt-theme-peach-cloud-soft h1,
.aibt-theme-peach-cloud-soft h2,
.aibt-theme-peach-cloud-soft h3,
.aibt-theme-peach-cloud-soft h4 {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.015em;
	line-height: 1.14;
	margin: 0;
}

.aibt-theme-peach-cloud-soft a {
	color: var(--accent);
	text-decoration: none;
	transition: color 0.22s ease;
}

.aibt-theme-peach-cloud-soft img {
	filter: var(--photo-filter);
}

/* End theme peach-cloud-soft. */