/* ============================================================
   THEME: emerald-jewel-deep
   Emerald Jewel Deep — deep emerald-green surface + warm gold
   Mood: dark-jewel-emerald-opulent
   Path B theme (recipe palette). Emerald/jewel green is a core 2026
   colour ("Transformative Teal", smoky jade) and the set had NO
   green-background theme (lime is near-black + acid; teal is light
   blue-green). Deep emerald base, lifted emerald sections/cards
   (cards ABOVE section so never flat — the tech-dark-lime lesson),
   warm gold accent (classic emerald+gold luxe), Fraunces serif.
   Reads eco-luxury / finance / spa / fashion / fine-dining.
   All AA-checked (gold ~8.6:1 on base, ~6.7:1 on cards; gold-bg CTA
   with dark text ~8.6:1). Full legacy + Path B vocab.
   Added 2026-06-09 (user request: +3 trend themes, 15 -> 18).
   ============================================================ */

.aibt-theme-emerald-jewel-deep {
	--bg-main: #0C1F18;       /* deep emerald-black green */
	--bg-section: #122A20;    /* lifted emerald (~ABAB distinguishable) */
	--bg-card: #17352A;       /* card surface ABOVE section so cards aren't flat */
	--ink: #EAF3EC;           /* warm-white, faint green — ~15:1 on base */
	--ink-soft: #B6C9BC;
	--ink-dim: #87A08E;       /* muted — AA on the emerald alt-section (~5.6:1) */
	--ink-mute: #45584C;
	--ink-inverse: #0C1F18;
	--ink-inverse-soft: #173329;
	--on-accent: #0C1F18;     /* gold accent is mid-bright -> DARK label, not white */
	--on-dark: #EAF3EC;
	--line: rgba(234, 243, 236, 0.10);
	--line-strong: rgba(234, 243, 236, 0.20);

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

	--radius: 8px;
	--radius-card: 12px;
	--photo-filter: saturate(1.05) brightness(0.96) contrast(1.06); /* deep, rich */

	/* === Path B semantic tokens (Layer 2 variant API) — superset over legacy.
	   Gold #D8B26A clears AA on the emerald base (~8.6:1) and on cards (~6.7:1)
	   for links/kickers. Because it's mid-bright, on-accent text is DARK emerald
	   (~8.6:1), never white. === */
	--accent:               #D8B26A;
	--background:           var(--bg-main);
	--background-alt:       var(--bg-section);
	--background-dark:      #081711;   /* deepest emerald for self-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:        var(--ink);
	--text-on-dark:         var(--on-dark);
	--accent-hover:         #E6C588;
	--accent-fade:          rgba(216, 178, 106, 0.14);
	--cta-bg-primary:       var(--accent);
	--cta-text-primary:     #0C1F18;
	--cta-border-primary:   var(--accent);
	--cta-bg-secondary:     transparent;
	--cta-text-secondary:   var(--ink);
	--cta-border-secondary: rgba(216, 178, 106, 0.55);
	--divider-primary:      var(--line);
	--divider-accent:       rgba(216, 178, 106, 0.35);
	--decor-radius:         8px;
	--decor-radius-photo:   8px;
	--decor-shadow:         0 1px 3px rgba(0, 0, 0, 0.45);
	--decor-shadow-elevated:0 18px 50px rgba(0, 0, 0, 0.55);
	--decor-border-width:   1px;
	--italic-color:         var(--accent);
	--italic-weight:        500;

	/* Dark theme → HERO keeps the variant's default dark scrim (no glass panel). */
	--hero-scrim:        linear-gradient(180deg, rgba(12,31,24,0) 35%, rgba(8,23,17,0.74) 100%);
	--hero-em-color:     var(--accent);

	/* === Conversion band: warm gold fill, dark emerald text clears AA (~7:1) === */
	--conversion-band-bg:   #C9A24E;
	--conversion-band-text: #0C1F18;

	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-emerald-jewel-deep h1,
.aibt-theme-emerald-jewel-deep h2,
.aibt-theme-emerald-jewel-deep h3,
.aibt-theme-emerald-jewel-deep h4 {
	font-family: var(--font-display);
	font-weight: 560;
	color: var(--ink);
	letter-spacing: -0.01em;
	line-height: 1.12;
	margin: 0;
}

.aibt-theme-emerald-jewel-deep a {
	color: var(--accent);
	text-decoration: none;
	transition: color 0.22s ease;
}

.aibt-theme-emerald-jewel-deep img {
	filter: var(--photo-filter);
}

/* End theme emerald-jewel-deep. */