/**
 * Engineering Geology — official brand palette (LOCK 2026-07-31).
 * Loads after geo-echo.css. See design/brand/BRAND-COLORS-LOCK.md
 */

:root {
	/* Official brand */
	--color-basalt: #0a3641;
	--color-basalt-mid: #4b5861;
	--color-steel: #909ea7;
	--color-terracotta: #d9531e;
	--color-terracotta-hover: #bf4619;
	--color-deep-pine: var(--color-basalt);

	/* Map legacy Geo Echo token names → brand (Phase A bridge) */
	--color-hero-dark: #0a3641;
	--color-hero-dark-mid: #4b5861;
	--color-brand-green: #d9531e;
	--color-brand-green-dark: #bf4619;
	--color-brand-green-hot: #d9531e;
	--color-brand-brown: #0a3641;
	--color-brand-brown-dark: #0a3641;
	--color-text-secondary: #4b5861;
	--color-text-muted: #909ea7;
	--color-info: #909ea7;

	--gradient-hero-forest: linear-gradient(135deg, #0a3641 0%, #4b5861 55%, #0a3641 100%);
	--gradient-hero-glow: radial-gradient(ellipse at 70% 40%, rgba(217, 83, 30, 0.14) 0%, transparent 55%);
	--gradient-energy-flow: linear-gradient(90deg, #0a3641 0%, #d9531e 50%, #d9531e 100%);
	--focus-ring: 0 0 0 3px rgba(217, 83, 30, 0.35);
	--shadow-cta-button: 0 4px 16px rgba(217, 83, 30, 0.35);
	--border-accent-green: 2px solid var(--color-terracotta);
	--border-about-bar: 10px solid var(--color-terracotta);
}

.echo-hero,
.site-header--echo-dark,
.echo-marquee {
	--color-brand-green: var(--color-terracotta);
}

.cta-button--primary,
.echo-marquee {
	background-color: var(--color-terracotta);
	border-color: var(--color-terracotta);
}

.cta-button--primary:hover,
.cta-button--primary:focus-visible {
	background-color: var(--color-terracotta-hover);
	border-color: var(--color-terracotta-hover);
}

.echo-marquee {
	background: var(--color-basalt);
}

.site-header__audience-link.is-active,
.echo-hero__tab.is-active {
	border-color: var(--color-terracotta);
	color: var(--color-terracotta);
}

.phase-a-turnkey-banner {
	background: #f8f9fa;
	border-block: 1px solid rgba(144, 158, 167, 0.45);
}

.phase-a-turnkey-banner__title {
	color: var(--color-basalt);
	font-weight: 700;
}

/* Founder profile — inner page /o-kompanii/ */
.founder-profile {
	padding-block: var(--section-y-mobile);
}

.founder-profile__grid {
	display: grid;
	gap: var(--stack-lg);
	align-items: start;
}

@media (min-width: 768px) {
	.founder-profile__grid {
		grid-template-columns: minmax(200px, 280px) 1fr;
		gap: clamp(28px, 4vw, 48px);
	}
}

.founder-profile__media {
	margin: 0;
}

.founder-profile__photo {
	display: block;
	width: 100%;
	max-width: 280px;
	height: auto;
	border-radius: var(--radius-md);
	object-fit: cover;
	aspect-ratio: 4 / 5;
	box-shadow: var(--shadow-card);
}

.founder-profile__name {
	margin: 0 0 4px;
	font-family: var(--font-display);
	font-size: var(--text-h3);
	font-weight: 700;
	color: var(--color-basalt);
}

.founder-profile__role {
	margin: 0 0 var(--stack-md);
	font-size: var(--text-body);
	color: var(--color-steel);
}

.site-footer__requisites {
	display: block;
	margin-top: 6px;
	font-size: var(--text-caption);
	opacity: 0.85;
}

.echo-about__more {
	margin: var(--stack-md) 0 0;
	font-size: var(--text-body-sm);
}

.echo-about__more a {
	color: var(--color-basalt-mid);
	text-underline-offset: 3px;
}

.echo-about__more a:hover {
	color: var(--color-terracotta);
}

/* /o-kompanii/ trust page */
.o-kompanii-founder__grid {
	display: grid;
	gap: var(--stack-lg);
	align-items: start;
}

@media (min-width: 900px) {
	.o-kompanii-founder__grid {
		grid-template-columns: minmax(260px, 360px) 1fr;
		gap: clamp(32px, 4vw, 56px);
	}
}

.o-kompanii-founder__media {
	margin: 0;
}

.o-kompanii-founder__photo {
	width: 100%;
	max-width: 360px;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
}

.o-kompanii-founder__caption {
	margin-top: 8px;
	font-size: var(--text-caption);
	color: var(--color-steel);
}

.o-kompanii-founder__quote {
	margin: 0 0 var(--stack-md);
	padding: var(--stack-md) var(--stack-lg);
	border-left: 4px solid var(--color-terracotta);
	font-size: var(--text-lead);
	font-weight: 600;
	color: var(--color-basalt);
}

.o-kompanii-founder__story-title {
	margin: var(--stack-lg) 0 var(--stack-sm);
	font-size: var(--text-h4);
	color: var(--color-basalt);
}

.o-kompanii-compare__lead,
.o-kompanii-evidence__lead {
	max-width: 62ch;
	color: var(--color-basalt-mid);
}

.o-kompanii-compare__table th:last-child {
	background: rgba(10, 54, 65, 0.06);
}

.o-kompanii-standards__grid {
	display: grid;
	gap: var(--stack-md);
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 640px) {
	.o-kompanii-standards__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.o-kompanii-standards__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.o-kompanii-standards__item {
	margin: 0;
	padding: var(--stack-md);
	background: var(--color-surface);
	border-radius: var(--radius-md);
	border: 1px solid var(--color-border);
}

.o-kompanii-standards__value {
	display: block;
	margin-bottom: 8px;
	font-family: var(--font-display);
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	color: var(--color-terracotta);
}

.o-kompanii-standards__opex {
	margin-top: var(--stack-lg);
	font-size: var(--text-body-sm);
	color: var(--color-steel);
}

.o-kompanii-evidence__grid {
	display: grid;
	gap: var(--stack-lg);
	list-style: none;
	margin: var(--stack-lg) 0 0;
	padding: 0;
}

@media (min-width: 768px) {
	.o-kompanii-evidence__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.o-kompanii-evidence__card {
	margin: 0;
}

.o-kompanii-evidence__img {
	width: 100%;
	height: auto;
	border-radius: var(--radius-md);
	margin-bottom: 8px;
}

.o-kompanii-legal__nap {
	display: grid;
	gap: var(--stack-md);
	margin: var(--stack-lg) 0;
}

@media (min-width: 640px) {
	.o-kompanii-legal__nap {
		grid-template-columns: repeat(2, 1fr);
	}
}

.o-kompanii-legal__nap dt {
	font-weight: 600;
	color: var(--color-basalt);
}

.o-kompanii-legal__nap dd {
	margin: 4px 0 0;
	color: var(--color-basalt-mid);
}

.o-kompanii-legal__docs {
	list-style: none;
	margin: 0 0 var(--stack-lg);
	padding: 0;
}

.o-kompanii-legal__docs li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
	padding: 12px 0;
	border-bottom: 1px solid var(--color-border);
}

.o-kompanii-legal__doc-status {
	font-size: var(--text-body-sm);
	color: var(--color-steel);
}