/* ============================================================
   THEME: dark-industrial-utility
   Dark industrial utility
   Mood: dark-precision-functional
   Used by: stal
   (PRAD deleted 2026-05-26)
   Canonical archetype: stal
   Generated by tools/a2-build-themes.php
   ============================================================ */

.aibt-theme-dark-industrial-utility {
	--bg-main: #1A1D21;
	/* Section bg alternation fix — widened from #22262B to #2A3038 (~5%→9% lift) for better section delineation 2026-05-26 */
	--bg-section: #2A3038;
	--bg-card: #2C3138;
	--ink: #F5F7FA;
	--ink-soft: #C5CAD2;
	/* Muted-text AA: #8B9098 -> #979BA2 clears WCAG AA on --bg-section (4.14 -> 4.77); grand audit 2026-05-29 text-muted signal. */
	--ink-dim: #979BA2;
	--ink-mute: #5A6068;
	--ink-inverse: #1A1D21;
	--ink-inverse-soft: #2C3138;
	/* Text color when placed ON the accent background — this theme uses bright
	   yellow #FFC72C as accent, so on-accent MUST be DARK for WCAG AA contrast.
	   White-on-yellow fails 4.5:1; dark-on-yellow passes. */
	--on-accent: #1A1A1A;
	/* Light text for dark sections (footer, bg-dark) — same as body ink. */
	--on-dark: #FFFFFF;
	--accent: #FFC72C;
	--accent-deep: #D4A516;
	--accent-glow: #FFD964;
	--line: rgba(245,247,250,0.08);
	--line-strong: rgba(245,247,250,0.18);

	--font-display: 'Anton', Georgia, serif;
	--font-body: 'Inter', system-ui, sans-serif;
	--font-mono: 'JetBrains Mono', 'SF Mono', monospace;

	--radius: 2px;
	--radius-card: 4px;
	--photo-filter: saturate(0.95) brightness(0.90) contrast(1.16);

	/* === 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:         var(--accent-deep);
	--accent-fade:          rgba(255, 199, 44, 0.12);
	--cta-bg-primary:       var(--accent);
	/* Yellow accent is LIGHT → CTA label MUST be dark (white-on-yellow fails AA). */
	--cta-text-primary:     var(--on-accent);
	--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:         2px;
	--decor-radius-photo:   4px;
	--decor-shadow:         none;
	--decor-shadow-elevated:0 8px 30px rgba(0, 0, 0, 0.45);
	--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);
	/* Yellow band → dark text (same reason as CTA above). */
	--conversion-band-bg:   var(--accent);
	--conversion-band-text: var(--on-accent);

	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-dark-industrial-utility h1,
.aibt-theme-dark-industrial-utility h2,
.aibt-theme-dark-industrial-utility h3,
.aibt-theme-dark-industrial-utility h4 {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.015em;
	line-height: 1.15;
	margin: 0;
}

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

.aibt-theme-dark-industrial-utility img {
	filter: var(--photo-filter);
}

/* End theme dark-industrial-utility. Individual archetype CSS files MAY override these
   defaults for marquee atoms (KOWADŁO blueprint, KLATKA EXIF, etc.). */