/* ============================================================
   THEME: rose-noir-glam
   Rose Noir Glam — dark plum-black with bright rose accent
   Mood: dark-glam-feminine-cinematic
   Path B theme (recipe palette). Deep plum-black background,
   bright rose accent (dark-on-rose CTAs), tight radius,
   Cormorant Garamond serif display + DM Sans body.
   Best for: premium beauty, aesthetic medicine, luxury salon,
   makeup artist, lash/brow couture, perfumery (glam, dramatic).
   Added 2026-06-03 (user request: pink beauty theme — dark variant).
   ============================================================ */

.aibt-theme-rose-noir-glam {
	--bg-main: #1A1216;
	/* Section bg alternation — lifted to ~12%+ luminance delta over the plum base
	   so consecutive sections read as distinct (audit 2026-06-03; was #251A20 ~9%). */
	--bg-section: #2C1E26;
	/* Card stays clearly above --bg-section so cards on alt-sections don't look sunken. */
	--bg-card: #352732;
	--ink: #F6ECEF;
	--ink-soft: #D6C2C9;
	--ink-dim: #A98E97;
	--ink-mute: #6E5860;
	--ink-inverse: #1A1216;
	--ink-inverse-soft: #2E2027;
	/* Text ON the bright rose accent must be dark (white fails on light rose). */
	--on-accent: #1A1216;
	--on-dark: #FFFFFF;
	--line: rgba(246, 236, 239, 0.09);
	--line-strong: rgba(246, 236, 239, 0.20);
	--accent: #E68AA8;

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

	--radius: 8px;
	--radius-card: 8px;
	--photo-filter: saturate(1.0) brightness(0.95) contrast(1.08);

	/* === Path B semantic tokens (Layer 2 API) — superset over legacy === */
	--background:           var(--bg-main);
	--background-alt:       var(--bg-section);
	--background-dark:      var(--bg-main);
	--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:         #D06F90;
	--accent-fade:          rgba(230, 138, 168, 0.14);
	--cta-bg-primary:       var(--accent);
	/* Bright rose accent → CTA label dark (#1A1216 clears ~7.4:1 on the rose). */
	--cta-text-primary:     #1A1216;
	--cta-border-primary:   var(--accent);
	--cta-bg-secondary:     transparent;
	--cta-text-secondary:   var(--ink);
	--cta-border-secondary: var(--ink);
	--divider-primary:      var(--line);
	--divider-accent:       var(--line-strong);
	--decor-radius:         8px;
	--decor-radius-photo:   8px;
	--decor-shadow:         none;
	--decor-shadow-elevated:0 10px 36px 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 panel). */
	--hero-em-color:        var(--accent);
	/* Rose band → dark text (white fails on the bright rose). */
	--conversion-band-bg:   var(--accent);
	--conversion-band-text: #1A1216;

	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-rose-noir-glam h1,
.aibt-theme-rose-noir-glam h2,
.aibt-theme-rose-noir-glam h3,
.aibt-theme-rose-noir-glam h4 {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.005em;
	line-height: 1.14;
	margin: 0;
}

.aibt-theme-rose-noir-glam a {
	color: var(--accent);
	text-decoration: none;
	transition: color 0.22s ease;
}

.aibt-theme-rose-noir-glam img {
	filter: var(--photo-filter);
}

/* End theme rose-noir-glam. */