/* arbutusfld — светлая тема: #2563EB основной, #22C55E акцент, #FFFFFF фон, #1F2937 текст */
:root {
  --site21-primary: #2563EB;
  --site21-primary-dark: #1D4ED8;
  --site21-accent: #22C55E;
  --site21-text: #1F2937;
  --site21-bg: #FFFFFF;
}

body {
  color: var(--site21-text) !important;
  background-color: var(--site21-bg) !important;
}

.header-special .brand-icon-special,
.header-special .brand-text-special {
  color: var(--site21-primary) !important;
}

.nav-link-special:hover,
.nav-link-special.active {
  color: var(--site21-primary) !important;
}

.mobile-nav-link-special.active,
.mobile-nav-link-special:hover {
  color: var(--site21-primary) !important;
}

.hero-professional-blue-01 {
  background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 45%, #ECFDF5 100%) !important;
}

.hero-professional-blue-01 .hero-title,
.creative_hero_title {
  color: var(--site21-text) !important;
}

.hero-btn-primary,
.btn-primary,
.btn-leadgen-submit {
  background: linear-gradient(135deg, var(--site21-primary) 0%, var(--site21-primary-dark) 100%) !important;
  border-color: var(--site21-primary) !important;
}

.hero-btn-secondary {
  color: var(--site21-primary) !important;
  border-color: rgba(37, 99, 235, 0.45) !important;
}

.usp-item-accent,
.service-hover-accent,
.feature-decoration {
  background: linear-gradient(180deg, var(--site21-accent), var(--site21-primary)) !important;
}

.design_overline.usp-item-value {
  color: var(--site21-primary) !important;
}

.service-icon-wrapper {
  background: rgba(37, 99, 235, 0.1) !important;
  color: var(--site21-primary) !important;
}

.section-badge,
.decorative-accent {
  background: rgba(34, 197, 94, 0.15) !important;
  color: var(--site21-accent) !important;
}

.feature-card .icon-wrapper {
  background: rgba(37, 99, 235, 0.12) !important;
  color: var(--site21-primary) !important;
}

.blog-card .icon-circle {
  background: rgba(37, 99, 235, 0.12) !important;
  color: var(--site21-primary) !important;
}

.read-more-link {
  color: var(--site21-primary) !important;
}

.contact-form-card .btn-primary {
  background: var(--site21-primary) !important;
  border-color: var(--site21-primary) !important;
}

.footer-standard .footer-section-title,
.footer-standard .brand-icon-wrapper {
  color: var(--site21-primary) !important;
}

.mobile-nav-topics {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}

.mobile-nav-topics a {
  display: inline-block;
  font-size: 0.78rem;
  line-height: 1.35;
  margin: 0.2rem 0.45rem 0.2rem 0;
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none;
}

.mobile-nav-topics a:hover {
  color: var(--site21-accent) !important;
}

.map-embed-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 45%;
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(37, 99, 235, 0.15);
}

.map-embed-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.team-thumb-site21 {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid rgba(37, 99, 235, 0.2);
}