/* ============================================================
   THEME: charcoal-mono-luxe
   Charcoal Mono Luxe — near-black monochrome + warm platinum
   Mood: dark-monochrome-editorial-fashion
   Path B theme (recipe palette). Fills the clearest structural gap:
   the set had a LIGHT neutral (white-minimal) but no DARK neutral —
   every existing dark is coloured (gold/brass/amber/pink/lime/
   periwinkle/emerald). Bold minimalism + "wide & loud" monochrome is
   a headline 2026 direction. Warm near-black base, lifted greys,
   warm-platinum accent (mono with a whisper of warmth), inverted
   off-white conversion band, tight Sora display. Reads high-fashion /
   architecture / gallery / agency / luxury / photography.
   All AA-checked (platinum ~11:1 on base; muted grey ~4.7:1 on the
   alt-section; inverted band ~17:1). Full legacy + Path B vocab.
   Added 2026-06-09 (user request: +3 trend themes, 15 -> 18).
   ============================================================ */

.aibt-theme-charcoal-mono-luxe {
	--bg-main: #121212;       /* warm near-black */
	--bg-section: #1E1E1E;    /* lifted charcoal — ABAB distinguishable */
	--bg-card: #262626;       /* card surface ABOVE section so cards aren't flat */
	--ink: #F4F4F2;           /* warm off-white — ~17:1 on base */
	--ink-soft: #BFBFBC;
	--ink-dim: #8C8C88;       /* muted — AA on the charcoal alt-section (~4.7:1) */
	--ink-mute: #4A4A47;
	--ink-inverse: #121212;
	--ink-inverse-soft: #2A2A28;
	--on-accent: #121212;     /* platinum accent is light -> DARK label */
	--on-dark: #F4F4F2;
	--line: rgba(244, 244, 242, 0.12);
	--line-strong: rgba(244, 244, 242, 0.22);

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

	--radius: 2px;            /* sharp, architectural */
	--radius-card: 2px;
	--photo-filter: saturate(0.9) contrast(1.05); /* subtly de-saturated, editorial */

	/* === Path B semantic tokens (Layer 2 variant API) — superset over legacy.
	   Warm platinum #CFC7B8 clears AA easily on the near-black base (~11:1) for
	   links/kickers; it reads as a restrained mono accent (a whisper of champagne),
	   so on-accent text is DARK. Primary CTA is an inverted off-white block. === */
	--accent:               #CFC7B8;
	--background:           var(--bg-main);
	--background-alt:       var(--bg-section);
	--background-dark:      #0C0C0C;   /* deepest tone 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:         #E2DCD0;
	--accent-fade:          rgba(207, 199, 184, 0.12);
	--cta-bg-primary:       #F4F4F2;   /* inverted off-white block, dark label — stark mono */
	--cta-text-primary:     #121212;
	--cta-border-primary:   #F4F4F2;
	--cta-bg-secondary:     transparent;
	--cta-text-secondary:   var(--ink);
	--cta-border-secondary: rgba(244, 244, 242, 0.45);
	--divider-primary:      var(--line);
	--divider-accent:       rgba(207, 199, 184, 0.30);
	--decor-radius:         2px;
	--decor-radius-photo:   2px;
	--decor-shadow:         0 1px 3px rgba(0, 0, 0, 0.5);
	--decor-shadow-elevated:0 18px 50px rgba(0, 0, 0, 0.6);
	--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(18,18,18,0) 35%, rgba(12,12,12,0.74) 100%);
	--hero-em-color:     var(--accent);

	/* === Conversion band: inverted off-white block, dark text (~17:1) === */
	--conversion-band-bg:   #F4F4F2;
	--conversion-band-text: #121212;

	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-charcoal-mono-luxe h1,
.aibt-theme-charcoal-mono-luxe h2,
.aibt-theme-charcoal-mono-luxe h3,
.aibt-theme-charcoal-mono-luxe h4 {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.02em;
	line-height: 1.1;
	margin: 0;
}

.aibt-theme-charcoal-mono-luxe a {
	color: var(--accent);
	text-decoration: none;
	transition: color 0.22s ease;
}

.aibt-theme-charcoal-mono-luxe img {
	filter: var(--photo-filter);
}

/* End theme charcoal-mono-luxe. */