/*
 * Держи дорогу! — фирменная тема студии.
 * Подключать после assets/css/style.css.
 * Акцент #5544FF сверён с действующим сайтом.
 * Нейтральные поверхности остаются основой композиции.
 */
:root {
  --dark: #191d27;
  --dark-deep: #141821;
  --paper: #f5f5f3;
  --stone: #ededf1;
  --ink: #161a24;
  --muted: #5e626c;
  --muted-light: #b9bbc4;
  --line: #d3d4d9;
  --line-dark: #505562;
  --brand-accent: #5544ff;
  --brand-hover: #4432e5;
  --brand-link: #4f46e5;
  --brand-light: #b6b2ff;
  --focus: var(--brand-accent);
}

.dark { --focus: var(--brand-light); }

::selection { color: #fff; background: var(--brand-accent); }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }

/* Только основные действия получают сплошную заливку. */
.button:not(.button-outline),
.dark .button:not(.button-outline) {
  color: #fff;
  background: var(--brand-accent);
  border-color: var(--brand-accent);
}
.button:not(.button-outline):hover,
.dark .button:not(.button-outline):hover {
  color: #fff;
  background: var(--brand-hover);
  border-color: var(--brand-hover);
}
.button-outline,
.dark .button-outline {
  color: inherit;
  background: transparent;
  border-color: var(--line-dark);
}
.dark .button-outline:hover {
  color: var(--paper);
  background: #252a38;
  border-color: var(--muted-light);
}

/* Повтор акцента ограничен навигацией и состояниями взаимодействия. */
.dark .eyebrow { color: var(--brand-light); }
.text-link:hover,
.service-item:hover > .arrow { color: var(--brand-link); }
.dark .text-link:hover,
.site-nav a:hover,
.site-nav a[aria-current="page"] { color: var(--brand-light); }
.text-link:hover { opacity: 1; }
.form-field input:focus { border-color: var(--brand-light); }
.consent input { accent-color: var(--brand-accent); }
.lightbox::backdrop { background: #0d1019eb; }
.mobile-nav a { border-bottom-color: #50556280; }
.faq-list details { border-bottom-color: var(--line); }

/* Мелкие мобильные подписи остаются второстепенными, но читаемыми. */
@media (max-width: 700px) {
  .brand-caption,
  .footer-inner .brand-caption,
  .breadcrumbs,
  .hero-caption { font-size: 12px; }
  .eyebrow { font-size: 11px; }
  .hero-caption { line-height: 1.5; }
}

/* Django integration */
.form-trap { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.price-contact-address a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }