/* ============================================================
   THEME: midnight-aurora
   Midnight Aurora — indigo-black + electric periwinkle, aurora band
   Mood: dark-neon-futuristic-creative
   Path B theme (recipe palette). Hits the 2026 "dark mode + neon
   accents + multi-tonal gradient" trifecta. Deep indigo-black base,
   lifted indigo sections/cards (cards sit ABOVE section so they
   never render as flat white — the tech-dark-lime lesson), electric
   periwinkle accent, and a teal -> violet -> magenta aurora on the
   conversion band. The ONLY cool-toned dark in the set (others are
   warm gold/brass/amber + pink + lime). Reads tech, creative, SaaS,
   nightlife, premium-product. All AA-checked (accent on base+cards,
   muted text on section, white on the aurora band).
   Added 2026-06-09 (user request: +3 trend themes, 12 -> 15).
   ============================================================ */

.aibt-theme-midnight-aurora {
	--bg-main: #0C0E1A;       /* deep indigo-black */
	--bg-section: #15182A;    /* lifted indigo (~8% lift) — ABAB distinguishable */
	--bg-card: #1C2138;       /* card surface ABOVE section so cards aren't flat/sunken */
	--ink: #ECEAFB;           /* cool near-white, faint violet — ~16.6:1 on base */
	--ink-soft: #B7B4D6;
	--ink-dim: #8F8CB0;       /* muted — AA on the indigo alt-section (~5.5:1) */
	--ink-mute: #4A4A66;      /* borders/disabled */
	--ink-inverse: #0C0E1A;   /* dark, for the rare on-light context */
	--ink-inverse-soft: #2A2E48;
	--on-accent: #0C0E1A;     /* periwinkle accent is mid-bright -> DARK label, not white */
	--on-dark: #ECEAFB;       /* light text for dark bands/footer */
	--line: rgba(236, 234, 251, 0.10);
	--line-strong: rgba(236, 234, 251, 0.20);

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

	--radius: 14px;           /* rounded "bento" */
	--radius-card: 18px;
	--photo-filter: saturate(1.10) contrast(1.05) brightness(0.95); /* moody, vivid */

	/* === Path B semantic tokens (Layer 2 variant API) — superset over legacy.
	   Periwinkle #9A7BFF clears AA on the base (~5.8:1) AND on cards (~5.1:1) for
	   links/kickers. Because it's mid-bright, on-accent text is DARK (~6.2:1), never
	   white. The aurora gradient lives on the conversion band (white text ~4.7:1+). === */
	--accent:               #9A7BFF;
	--background:           var(--bg-main);
	--background-alt:       var(--bg-section);
	--background-dark:      #090A18;   /* 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:         #B29BFF;
	--accent-fade:          rgba(154, 123, 255, 0.14);
	--cta-bg-primary:       var(--accent);
	--cta-text-primary:     #0C0E1A;
	--cta-border-primary:   var(--accent);
	--cta-bg-secondary:     transparent;
	--cta-text-secondary:   var(--ink);
	--cta-border-secondary: rgba(154, 123, 255, 0.55);
	--divider-primary:      var(--line);
	--divider-accent:       rgba(154, 123, 255, 0.35);
	--decor-radius:         14px;
	--decor-radius-photo:   14px;
	--decor-shadow:         0 1px 3px rgba(0, 0, 0, 0.45);
	--decor-shadow-elevated:0 18px 50px rgba(76, 43, 196, 0.35); /* violet glow */
	--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,14,26,0) 35%, rgba(12,14,26,0.72) 100%);
	--hero-em-color:     var(--accent);

	/* === Conversion band: the aurora — teal -> violet -> magenta multi-tonal
	   gradient, white text clears AA across all three stops (~4.7-5.1:1). === */
	--conversion-band-bg:   linear-gradient(120deg, #0A6E64 0%, #6D4BFF 52%, #C13BA6 100%);
	--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-midnight-aurora h1,
.aibt-theme-midnight-aurora h2,
.aibt-theme-midnight-aurora h3,
.aibt-theme-midnight-aurora h4 {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.015em;
	line-height: 1.13;
	margin: 0;
}

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

.aibt-theme-midnight-aurora img {
	filter: var(--photo-filter);
}

/* End theme midnight-aurora. */