:root {
  --theme-btn: linear-gradient(135deg, var(--primary), var(--secondary));
  --theme-btn-hover: linear-gradient(135deg, var(--primary), var(--secondary));
  --theme-accent: var(--primary);
  --theme-accent-soft: color-mix(in srgb, var(--primary) 14%, transparent);
  --focus-ring: color-mix(in srgb, var(--primary) 20%, transparent);
  --focus-border: color-mix(in srgb, var(--primary) 55%, var(--border));
}

 
.btn-primary,
button.btn-primary,
button.primary,
a.btn-primary-link,
a.landing-btn.primary {
  background: var(--theme-btn);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--secondary) 28%, transparent);
  color: #fff;
}

.btn-primary:hover,
button.btn-primary:hover,
button.primary:hover:not(:disabled),
a.btn-primary-link:hover,
a.landing-btn.primary:hover {
  background: var(--theme-btn-hover);
  filter: brightness(0.97);
}

 
.buy-day-btn.active,
.buy-product-scope-btn.active,
.buy-product-scope-btn.is-active,
.buy-qty-btn.active,
.buy-qty-btn.is-active,
.renew-day-btn.active {
  background: var(--theme-btn);
  border-color: var(--primary);
  color: #fff;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 28%, transparent);
}

.buy-day-btn:hover:not(.active),
.buy-product-scope-btn:hover:not(.active):not(.is-active),
.buy-qty-btn:hover:not(.active):not(.is-active),
.renew-day-btn:hover:not(.active) {
  border-color: var(--primary);
  color: var(--primary);
  background: var(--theme-accent-soft);
}

 
.proxy-note-input:focus,
input:focus,
select:focus,
textarea:focus,
.filter-input:focus,
.filter-select:focus {
  border-color: var(--focus-border);
  box-shadow: 0 0 0 3px var(--focus-ring);
  outline: none;
}

a {
  color: var(--primary);
}

 
.section-hero__eyebrow,
.buy-proxy-hero__eyebrow {
  color: var(--primary);
}

 
body.admin-app {
  --admin-accent: #f59e0b;
  --admin-accent-soft: rgba(245, 158, 11, 0.14);
}

body.admin-app .pricing-card-menu__btn.active,
body.admin-app .proxy-hub-tab.active,
body.admin-app .btn-primary {
  background: var(--theme-btn);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--primary) 22%, transparent);
}

body.admin-app .filter-input:focus,
body.admin-app .filter-select:focus {
  border-color: var(--focus-border);
  box-shadow: 0 0 0 3px var(--focus-ring);
}

 
body.admin-app #adminSidebar .nav-item.nav-link.active,
body.admin-app #adminSidebar .nav-sublink.active {
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.32);
}

body.admin-app .dashboard-service-card--proxy {
  border-top-color: var(--primary);
}

body.admin-app .dashboard-total-balance {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--primary) 8%, transparent),
    color-mix(in srgb, var(--secondary) 6%, transparent)
  );
  border-color: color-mix(in srgb, var(--primary) 22%, var(--border));
}

body.admin-app .dashboard-total-balance-value {
  color: var(--primary);
}

 
.login-card .btn-primary,
.auth-card .btn-primary,
button.login-submit {
  background: var(--theme-btn);
}