/* Только цветовые свойства. Геометрия, шрифты, порядок и тексты взяты из 3.4.2. */
:root { --red-text:#CB1237; }
body { background:var(--paper); color:var(--ink); }
.brand-description strong, .navigation a { color:var(--nav); }
.wordmark { color:var(--ghost); }
.hero-content { background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px); }
.hero-divider { background:var(--line); }
.hero h1, .pride h2, .facts h2, .growth h2, .case h2, .team h2, .contacts h2 { color:var(--heading); }
.hero-description { color:var(--lead); }
.hero-number { color:var(--hero-stat); }
.hero-result-caption { color:var(--ink); }
.max-strip { background:var(--max-bg); color:var(--max-ink); }
.max-strip .eyebrow, .max-description { color:var(--max-sub); }
.max-strip:hover { background:var(--max-hover); }
.specialization, .growth, .team { background:var(--soft); }
.specialization h2>span:first-child { color:var(--secondary-heading); }
.specialization-copy>p:first-child, .conversation>p, .team-copy h3 { color:var(--ink); }
.channel-name { color:var(--channel); }
.channels .eyebrow, .growth-questions .eyebrow, .clients-intro, .team-details h3 { color:var(--red-text); }
.pride-metrics>div:first-child .metric-number, .facts-grid dt:not(.red) { color:var(--secondary-heading); }
.red-cta { background:var(--cta-bg); color:var(--cta-ink); }
.red-cta .eyebrow { color:var(--cta-sub); }
.red-cta .button-white { background:var(--cta-button-bg); color:var(--cta-button-ink); }
.red-cta .button-white:hover { background:var(--cta-button-hover); color:var(--cta-button-ink); }
.case-result { background:var(--case-bg); }
.case-copy h3 { color:var(--heading); }
.clients { background:var(--clients-surface); }
.client-card { background:var(--client-bg); color:var(--client-ink); }
.client-card h3 { color:var(--client-title); }
.client-card .client-years { color:var(--client-date); }
.clients-years { color:var(--year-ghost); }
.team-count .eyebrow { color:var(--muted); }
.team-details p { color:var(--ink); }
.contacts { background:var(--footer-bg); }
.contact-address>a:not(.contact-email) { color:var(--heading); }
.footer-bottom>a:first-child { color:var(--red-text); }
dialog { background:var(--white); }
dialog::backdrop { background:rgb(80 80 88 / .32); }
dialog h2 { color:var(--heading); }
input:not([type=checkbox]), select, textarea, .channel-options span { border-color:var(--input-border); }
input::placeholder, textarea::placeholder { color:var(--placeholder); }
.form-progress>span:first-child { color:var(--ink); }