/* ============================================================
   THEME: white-tech-modern
   White tech modern
   Mood: clean-modern-functional
   Used by: powrot
   Canonical archetype: powrot
   (PIKSEL deleted 2026-05-26; EKSPRES deleted 2026-05-21)
   Generated by tools/a2-build-themes.php
   ============================================================ */

.aibt-theme-white-tech-modern {
	--bg-main: #FFFFFF;
	/* Section bg alternation widened — was #F4F6F8 (~8% lift), now #EDF0F3 (~13% lift) for stronger ABAB rhythm parity with dark themes 2026-05-26 */
	--bg-section: #EDF0F3;
	--bg-card: #FAFBFC;
	--ink: #0F1419;
	--ink-soft: #4A5567;
	/* Muted-text AA: #8A92A0 -> #636973 clears WCAG AA on --bg-section (2.74 -> 4.83); grand audit 2026-05-29 text-muted signal. */
	--ink-dim: #636973;
	--ink-mute: #C8CDD5;
	--ink-inverse: #FFFFFF;
	/* Text color when placed ON the accent background. Theme does not define
	   --accent (archetypes override); white safe for all current archetype
	   accents (electric blue, etc.). */
	--on-accent: #FFFFFF;
	/* Light text for dark sections (footer, bg-dark). */
	--on-dark: #FFFFFF;
	--line: rgba(15, 20, 25, 0.10);
	--line-strong: rgba(15, 20, 25, 0.22);

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

	--radius: 0px;
	--radius-card: 0px;
	--photo-filter: saturate(0.92) brightness(1.02) contrast(1.08);

	/* === Path B semantic tokens (Layer 2 variant API) — superset over legacy.
	   Legacy left --accent to archetypes; Path B needs one, so define a tasteful
	   vermilion (avoids the first-order SaaS-blue reflex on white). === */
	/* Darkened 2026-05-29 (#E8482B → #C73A20) so the accent clears WCAG AA (≥4.5:1)
	   as small kicker text on white; CTAs use --ink (unaffected), em/bands deepen. */
	--accent:               #C73A20;
	--background:           var(--bg-main);
	--background-alt:       var(--bg-section);
	--background-dark:      #0F1419;
	--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:         #A82E18;
	--accent-fade:          rgba(232, 72, 43, 0.10);
	--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:         0px;
	--decor-radius-photo:   0px;
	--decor-shadow:         none;
	--decor-shadow-elevated:0 8px 32px rgba(15, 20, 25, 0.12);
	--decor-border-width:   1px;
	--italic-color:         var(--accent);
	--italic-weight:        600;

	/* === HERO text-on-photo: translucent white glass panel === */
	--hero-scrim:        linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.18) 100%);
	--hero-panel-bg:     rgba(255, 255, 255, 0.82);
	--hero-panel-blur:   blur(10px) saturate(1.1);
	--hero-panel-text:   var(--ink);
	--hero-panel-pad:    clamp(1.5rem, 3vw, 2.5rem);
	--hero-panel-max:    42ch;
	--hero-panel-radius: 0px;
	--hero-panel-border: 1px solid rgba(15, 20, 25, 0.08);
	--hero-panel-shadow: 0 8px 32px rgba(15, 20, 25, 0.12);
	--hero-text-shadow:  none;
	--hero-em-color:     var(--accent);

	/* === Conversion band: deepen vermilion so small white text clears AA === */
	--conversion-band-bg:   var(--accent-hover);
	--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-white-tech-modern h1,
.aibt-theme-white-tech-modern h2,
.aibt-theme-white-tech-modern h3,
.aibt-theme-white-tech-modern h4 {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.015em;
	line-height: 1.15;
	margin: 0;
}

.aibt-theme-white-tech-modern a {
	text-decoration: none;
	transition: color 0.22s ease;
}

.aibt-theme-white-tech-modern img {
	filter: var(--photo-filter);
}

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