:root{
  --brand-primary: #7C3AED;         /* основной фиолетовый */
  --brand-primary-rgb: 124, 58, 237;
  --brand-primary-dark: #6D28D9;    /* hover/focus */
  --brand-primary-darker: #5B21B6;  /* активные/насыщенные */
  --brand-muted: #a3a3b2;           /* приглушённый текст */
}

/* ===== TEXT (перекраска ссылок, заголовков, primary-текста) ===== */
.post-meta a:hover,
.blog-post-title:hover,
.text-primary,
.btn-outline-primary,
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item.active,
.dropup .dropdown-menu .dropdown-item:hover,
.dropup .dropdown-menu .dropdown-item:active,
.dropup .dropdown-menu .dropdown-item:focus,
.dropup .dropdown-menu .dropdown-item.active,
.dropright .dropdown-menu .dropdown-item:hover,
.dropright .dropdown-menu .dropdown-item:active,
.dropright .dropdown-menu .dropdown-item:focus,
.dropright .dropdown-menu .dropdown-item.active,
.dropleft .dropdown-menu .dropdown-item:hover,
.dropleft .dropdown-menu .dropdown-item:active,
.dropleft .dropdown-menu .dropdown-item:focus,
.dropleft .dropdown-menu .dropdown-item.active,
.link-post-content i {
  color: var(--brand-primary) !important;
}

a { color: var(--brand-primary); text-decoration: none; }
a:hover, a:focus { color: var(--brand-primary-darker); }

/* ===== BACKGROUND (кнопки, bg-primary, пагинация, т.п.) ===== */
.bg-primary,
.btn-primary,
.service-box:hover .icon,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.tags a:hover,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.footer-social li a:hover i {
  background-color: var(--brand-primary) !important;
}

/* ===== BORDER-COLOR ===== */
.btn-primary,
.btn-outline-primary,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.left-sidebar-title h4,
.custom-form .form-control:focus,
.popular-border,
.blockquote,
.link-post-content,
.border-primary {
  border-color: var(--brand-primary) !important;
}

/* ===== NAVBAR (светлая типографика поверх тёмных фонов) ===== */
.navbar-custom .navbar-nav li.active a,
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
  color: #ffffff !important;
}

@media (min-width: 200px) and (max-width: 991px) {
  .navbar-custom .navbar-nav li.active a,
  .navbar-custom .navbar-nav li a:hover,
  .navbar-custom .navbar-nav li a:active {
    color: var(--brand-primary) !important;
  }
}

/* ===== SHADOWS (приведены к фиолетовой гамме) ===== */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary .open>.dropdown-toggle.btn-primary {
  box-shadow: 0 8px 20px -6px rgba(var(--brand-primary-rgb), 0.35);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary .open>.dropdown-toggle.btn-primary {
  box-shadow: 0 8px 20px -6px rgba(var(--brand-primary-rgb), 0.35);
  color: #fff !important;
}

/* ===== Sticky navbar state ===== */
.nav-sticky.navbar-custom .navbar-nav li.active a,
.nav-sticky.navbar-custom .navbar-nav li a:hover,
.nav-sticky.navbar-custom .navbar-nav li a:focus,
.nav-sticky.navbar-custom .navbar-nav li a:active {
  color: var(--brand-primary) !important;
}

/* ===== Gradient backgrounds (обновлён под фиолетовый) ===== */
.bg-gradiant {
  background: linear-gradient(80deg, #7C3AED 0%, #9333EA 100%);
  border: none !important;
  color: #fff !important;
}

/* ===== Доп. класс для градиентного текста ===== */
.text-gradiant {
  background: linear-gradient(90deg, #7C3AED, #C084FC);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

/* ===== Уточнения читабельности ===== */
.text-muted { color: var(--brand-muted) !important; }
.text-white-50 { color: rgba(255,255,255,.6) !important; }

/* ===== Кнопки (явный hover) ===== */
.btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
}