/* Hidden homepage colour study based on "Фонитура начало айдентика 4".
   Every rule is opt-in: the live default remains unchanged. */
html[data-theme="identity4"] {
  --ink: #272727;
  --paper: #E9E9E1;
  --blue: #216465;
  --coral: #A8B6CB;
  --acid: #F4DA86;
  --white: #FEFEFE;
  color-scheme: light;
}

html[data-theme="identity4"] body {
  background: #E9E9E1;
  color: #272727;
}

html[data-theme="identity4"] .hero {
  background: #216465;
  color: #FEFEFE;
}

html[data-theme="identity4"] .hero .button.primary,
html[data-theme="identity4"] .nav-calculator,
html[data-theme="identity4"] .applications .button,
html[data-theme="identity4"] .contact .button,
html[data-theme="identity4"] .subscribe .button {
  background: #F4DA86;
  border-color: #F4DA86;
  color: #272727;
}

html[data-theme="identity4"] .hero .button.light {
  background: #FEFEFE;
  border-color: #FEFEFE;
  color: #216465;
}

html[data-theme="identity4"] .manifesto,
html[data-theme="identity4"] .collection,
html[data-theme="identity4"] .trusted-brands,
html[data-theme="identity4"] .journal {
  background: #E9E9E1;
  color: #272727;
}

html[data-theme="identity4"] .manifesto h2 em,
html[data-theme="identity4"] .application-lead h2 span,
html[data-theme="identity4"] .text-link,
html[data-theme="identity4"] .story span {
  color: #216465;
}

html[data-theme="identity4"] .material-video-card,
html[data-theme="identity4"] .performance,
html[data-theme="identity4"] .projects-showcase,
html[data-theme="identity4"] .site-footer {
  background: #272727;
  color: #FEFEFE;
}

html[data-theme="identity4"] .fiber-lab {
  background: radial-gradient(circle at 52% 48%, #216465 0, #272727 68%);
  border-color: rgba(254, 254, 254, .18);
}

html[data-theme="identity4"] .projects-head > div > span,
html[data-theme="identity4"] .process li::before,
html[data-theme="identity4"] .footer-column h3 {
  color: #F4DA86;
}

html[data-theme="identity4"] .projects-head h2 em,
html[data-theme="identity4"] .projects-head p,
html[data-theme="identity4"] .performance-intro p,
html[data-theme="identity4"] .footer-top > div:first-child p {
  color: #A8B6CB;
}

html[data-theme="identity4"] .product,
html[data-theme="identity4"] .story {
  background: #FEFEFE;
}

html[data-theme="identity4"] .custom,
html[data-theme="identity4"] .subscribe {
  background: #A8B6CB;
  color: #272727;
}

html[data-theme="identity4"] .custom-copy h2 span,
html[data-theme="identity4"] .custom-copy > p,
html[data-theme="identity4"] .subscribe-form input,
html[data-theme="identity4"] .subscribe-form button {
  color: #272727;
}

html[data-theme="identity4"] .custom-copy li,
html[data-theme="identity4"] .subscribe-form > div {
  border-color: rgba(39, 39, 39, .28);
}

html[data-theme="identity4"] .custom .button.dark {
  background: #272727;
  color: #FEFEFE;
}

html[data-theme="identity4"] .applications {
  background: #F4DA86;
  color: #272727;
}

html[data-theme="identity4"] .application-lead p {
  color: rgba(39, 39, 39, .78);
}

html[data-theme="identity4"] .process,
html[data-theme="identity4"] .contact {
  background: #216465;
  color: #FEFEFE;
}

html[data-theme="identity4"] .process-head p,
html[data-theme="identity4"] .contact > div p,
html[data-theme="identity4"] .contact-form label {
  color: #E9E9E1;
}

html[data-theme="identity4"] .trusted-brands__item:hover,
html[data-theme="identity4"] .trusted-brands__item:focus-within {
  background: rgba(168, 182, 203, .28);
}

html[data-theme="identity4"] .site-footer a:hover {
  color: #F4DA86;
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="identity4"] *,
  html[data-theme="identity4"] *::before,
  html[data-theme="identity4"] *::after {
    scroll-behavior: auto;
  }
}