/* ============================================================
   THEME: light-industrial-orange
   Light industrial orange
   Mood: light-precision-b2b
   Used by: (no active archetypes)
   Canonical archetype: (none — OSTRZE deleted 2026-05-26)
   Generated by tools/a2-build-themes.php
   ============================================================ */

.aibt-theme-light-industrial-orange {
	--bg-main: #FAFAFA;
	/* Section bg alternation widened — was #F0F0F0 (~8% lift), now #E8E8E8 (~15% lift) for stronger ABAB rhythm parity with dark themes 2026-05-26 */
	--bg-section: #E8E8E8;
	--bg-card: #FFFFFF;
	/* Charcoal dark surface for footer / conversion band / dark sections (light theme). */
	--bg-dark: #1A1A1A;
	--bg-dark-soft: #262626;
	--ink: #1F1F1F;
	--ink-soft: #4A4A4A;
	/* Muted-text AA: #6A6E76 -> #62656D clears WCAG AA on --bg-section (4.18 -> 4.76); grand audit 2026-05-29 text-muted signal. */
	--ink-dim: #62656D;
	--ink-mute: #8A8E94;
	--ink-inverse: #FAFAFA;
	--ink-inverse-soft: #E5E5E5;
	/* Text color when placed ON the accent background. Vibrant orange — white
	   passes 4.5:1 contrast. */
	--on-accent: #FFFFFF;
	/* Light text for dark sections (footer, bg-dark). */
	--on-dark: #FFFFFF;
	/* Darkened 2026-05-29 (#FF6B35 → #D9521F) so the orange accent is legible as
	   kicker/step-number text on the near-white bg (was 2.72:1). Still clearly
	   burnt-orange (industrial mood); --accent-deep goes deeper for italic/hover. */
	--accent: #D9521F;
	--accent-deep: #B8430F;
	--accent-glow: #FF8957;
	--line: rgba(31,31,31,0.10);
	--line-strong: rgba(31,31,31,0.22);

	--font-display: 'Archivo Black', Georgia, serif;
	--font-body: 'IBM Plex Sans', system-ui, sans-serif;
	--font-mono: 'IBM Plex Mono', 'SF Mono', monospace;

	--radius: 2px;
	--radius-card: 4px;
	--photo-filter: saturate(0.96) brightness(0.98) contrast(1.10);

	/* === Path B semantic tokens (Layer 2 API) — superset over legacy === */
	--background:           var(--bg-main);
	--background-alt:       var(--bg-section);
	--background-dark:      var(--bg-dark);
	--background-card:      var(--bg-card);
	--text-primary:         var(--ink);
	--text-secondary:       var(--ink-soft);
	--text-muted:           var(--ink-dim);
	--text-on-photo:        #FFFFFF;
	--text-on-dark:         var(--on-dark);
	--accent-hover:         var(--accent-deep);
	--accent-fade:          rgba(255, 107, 53, 0.10);
	/* Orange too vivid for a full button fill behind white → charcoal primary CTA,
	   orange reserved as the eye-catching accent (kickers, hero em, band). */
	--cta-bg-primary:       var(--ink);
	--cta-text-primary:     #FFFFFF;
	--cta-border-primary:   var(--ink);
	--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 6px 24px rgba(31, 31, 31, 0.12);
	--decor-border-width:   1px;
	--italic-color:         var(--accent-deep);
	--italic-weight:        500;

	/* === HERO text-on-photo: white panel + dark text (light theme card) === */
	--hero-scrim:        none;
	--hero-panel-bg:     rgba(255, 255, 255, 0.94);
	--hero-panel-text:   var(--ink);
	--hero-panel-pad:    clamp(1.75rem, 3.5vw, 2.75rem);
	--hero-panel-max:    46ch;
	--hero-panel-radius: 2px;
	--hero-panel-shadow: 0 12px 44px rgba(31, 31, 31, 0.18);
	--hero-text-shadow:  none;
	--hero-em-color:     var(--accent-deep);

	/* === Conversion band: the vivid --accent (#D9521F) sits at the mid-tone trap
	   where BOTH white and ink land at ~4.06:1 — small-text AA fails either way.
	   Deepen the band to a burnt rust so white text + reduced-opacity kicker both
	   clear AA (white ~6.7:1, 0.82-opacity kicker ~5.0:1) while keeping the orange
	   industrial identity. 2026-05-29 grand audit (conversion + cta-banner signal). === */
	--conversion-band-bg:   #A23A0C;
	--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-light-industrial-orange h1,
.aibt-theme-light-industrial-orange h2,
.aibt-theme-light-industrial-orange h3,
.aibt-theme-light-industrial-orange h4 {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.015em;
	line-height: 1.15;
	margin: 0;
}

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

.aibt-theme-light-industrial-orange img {
	filter: var(--photo-filter);
}

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