/* haloclinest.info — young drivers car service education, light theme */
:root {
  --primary-50: #eff6ff;
  --primary-100: #dbeafe;
  --primary-200: #bfdbfe;
  --primary-300: #93c5fd;
  --primary-400: #60a5fa;
  --primary-500: #3b82f6;
  --primary-600: #3b82f6;
  --primary-700: #2563eb;
  --primary-800: #1d4ed8;
  --primary-900: #1e40af;
  --primary-rgb: 59, 130, 246;
  --accent-500: #22c55e;
  --accent-600: #16a34a;
  --accent-rgb: 34, 197, 94;
  --surface-primary: #ffffff;
  --surface-secondary: #f9fafb;
  --surface-accent: #eff6ff;
  --text-primary: #1f2937;
  --text-secondary: #4b5563;
  --text-accent: #3b82f6;
  --bg-primary: #ffffff;
  --button-primary-bg: #3b82f6;
  --button-primary-text: #ffffff;
  --border-light: #e5e7eb;
}

body {
  background-color: #ffffff;
  color: #1f2937;
}

.navbar.sticky-top {
  background: #ffffff !important;
  border-bottom: 1px solid var(--border-light);
}

.hero-professional-blue-01 {
  background: linear-gradient(160deg, #ffffff 0%, #f0f9ff 45%, #ecfdf5 100%);
}

.about-secondary .content-column {
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}

.btn-primary {
  background-color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}

.btn-primary:hover {
  background-color: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
}

.btn-outline-primary {
  color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}

.btn-outline-primary:hover {
  background-color: var(--primary-500) !important;
  color: #fff !important;
}

.btn-leadgen-submit {
  background: linear-gradient(135deg, #3b82f6 0%, #22c55e 100%);
  border: none;
  color: #fff;
}

.site-disclaimer-section {
  background-color: #f9fafb;
  border-top: 1px solid var(--border-light);
}

.site-disclaimer-section .site_caption p {
  color: #4b5563;
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

#footer {
  background: #f9fafb;
  border-top: 1px solid var(--border-light);
}

.footer-link:hover {
  color: var(--primary-500) !important;
}

.team-portrait {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 1;
  max-width: 180px;
}


.legal-content h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.legal-content h2 {
  font-size: 1.35rem;
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
}

.legal-content p,
.legal-content li {
  color: #4b5563;
  line-height: 1.7;
}