:root {
  --site-primary: #198754;
  --site-secondary: #0d6efd;
  --site-accent: #20c997;
  --site-bg: #f8f9fa;
  --site-surface: #ffffff;
  --site-text: #212529;
  --site-muted: #6c757d;

  --site-gradient-main: linear-gradient(135deg, var(--site-primary) 0%, var(--site-secondary) 100%);
  --site-gradient-soft: linear-gradient(135deg, color-mix(in srgb, var(--site-bg) 85%, white), var(--site-surface));
  --site-shadow-primary: 0 10px 30px color-mix(in srgb, var(--site-primary) 35%, transparent);
}

body {
  background: var(--site-bg);
  color: var(--site-text);
}

.gradient-navbar { background: var(--site-gradient-main) !important; }
.footer-gradient { background: var(--site-gradient-main) !important; }

.btn-register-custom,
.user-avatar-placeholder {
  color: var(--site-primary) !important;
}

.btn-register-custom:hover {
  color: var(--site-secondary) !important;
}

.hero-overlay {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--site-primary) 85%, transparent) 0%,
    color-mix(in srgb, var(--site-secondary) 75%, transparent) 100%) !important;
}

.features-section {
  background: var(--site-gradient-soft) !important;
}

.feature-icon,
.btn-cta,
.cta-section,
.widget-button {
  background: var(--site-gradient-main) !important;
}

.feature-card:hover {
  border-color: var(--site-primary) !important;
  box-shadow: var(--site-shadow-primary) !important;
}

.stats-section,
.builder-section.gradient {
  background: var(--site-gradient-main) !important;
}

.widget-icon-box i {
  background: var(--site-gradient-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.widget-counter,
.widget-testimonial-author {
  color: var(--site-primary) !important;
}

.widget-testimonial {
  border-left-color: var(--site-primary) !important;
}