/* ============================================================
   THEME: warm-clay-earth
   Warm Clay Earth — earthy terracotta + warm oat/sand neutrals
   Mood: warm-organic-editorial-grounded
   Path B theme (recipe palette). On-trend 2026 "earth tones" —
   muted terracotta/clay accent over warm oat & sand backgrounds,
   deep espresso ink, editorial Fraunces serif. Reads sustainable,
   wellness, artisan, hospitality. All AA-checked (incl. muted text
   on the sand alt-section + accent kicker on alt). Full legacy +
   Path B vocab so cards never render unstyled.
   Added 2026-06-09 (user request: +3 trend themes, 12 -> 15).
   ============================================================ */

.aibt-theme-warm-clay-earth {
	--bg-main: #FAF5EE;       /* warm oat / cream */
	--bg-section: #F1E8DA;    /* deeper warm sand — ABAB alternation, distinguishable */
	--bg-card: #FFFDF8;       /* near-white warm card, lifts off the cream base */
	--ink: #2A2521;           /* deep espresso/bark — ~12.7:1 on bg-main */
	--ink-soft: #574E44;      /* warm taupe-brown — ~7:1 on bg-main */
	--ink-dim: #6B6051;       /* muted — AA on the sand alt-section (~5.1:1), not just main */
	--ink-mute: #C9BBA8;      /* light clay-beige — borders/disabled, non-text-critical */
	--ink-inverse: #FAF5EE;
	--on-accent: #FFFFFF;     /* white on terracotta clears AA (~5.5:1) */
	--on-dark: #F5ECE0;       /* warm white for espresso dark bands/footer */
	--line: rgba(42, 37, 33, 0.12);
	--line-strong: rgba(42, 37, 33, 0.22);

	--font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
	--font-mono: 'JetBrains Mono', 'SF Mono', monospace;

	--radius: 14px;           /* organic, soft */
	--radius-card: 16px;
	--photo-filter: saturate(1.05) contrast(1.02) brightness(1.01); /* warm, sunlit */

	/* === Path B semantic tokens (Layer 2 variant API) — superset over legacy.
	   Terracotta #B14A2C clears AA on cream (~5.0:1) for links/kickers and on the
	   sand alt-section (~4.55:1); deeper clay for CTA/conversion bands. === */
	--accent:               #B14A2C;
	--background:           var(--bg-main);
	--background-alt:       var(--bg-section);
	--background-dark:      #2A2018;   /* deep espresso-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:         #98401F;
	--accent-fade:          rgba(177, 74, 44, 0.10);
	--cta-bg-primary:       #B14A2C;
	--cta-text-primary:     #FFFFFF;
	--cta-border-primary:   #B14A2C;
	--cta-bg-secondary:     transparent;
	--cta-text-secondary:   #98401F;
	--cta-border-secondary: #B14A2C;
	--divider-primary:      var(--line);
	--divider-accent:       rgba(177, 74, 44, 0.30);
	--decor-radius:         14px;
	--decor-radius-photo:   14px;
	--decor-shadow:         0 1px 3px rgba(42, 33, 24, 0.07);
	--decor-shadow-elevated:0 16px 44px rgba(122, 70, 30, 0.16);
	--decor-border-width:   1px;
	--italic-color:         var(--accent);
	--italic-weight:        500;

	/* === HERO text-on-photo: warm translucent oat glass panel === */
	--hero-scrim:        linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(42,32,24,0.28) 100%);
	--hero-panel-bg:     rgba(250, 245, 238, 0.88);
	--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: 14px;
	--hero-panel-border: 1px solid rgba(177, 74, 44, 0.18);
	--hero-panel-shadow: 0 14px 44px rgba(42, 33, 24, 0.16);
	--hero-text-shadow:  none;
	--hero-em-color:     var(--accent);

	/* === Conversion band: deep clay, white text clears AA (~6.5:1) === */
	--conversion-band-bg:   #9A3F25;
	--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-warm-clay-earth h1,
.aibt-theme-warm-clay-earth h2,
.aibt-theme-warm-clay-earth h3,
.aibt-theme-warm-clay-earth h4 {
	font-family: var(--font-display);
	font-weight: 560;        /* Fraunces optical weight — editorial, not heavy */
	color: var(--ink);
	letter-spacing: -0.01em;
	line-height: 1.12;
	margin: 0;
}

.aibt-theme-warm-clay-earth a {
	color: var(--accent);
	text-decoration: none;
	transition: color 0.22s ease;
}

.aibt-theme-warm-clay-earth img {
	filter: var(--photo-filter);
}

/* End theme warm-clay-earth. */