/* CRM wizard theme — applies to all templates */
:root {
  --crm-theme-primary: #00afc1;
  --crm-theme-secondary: #007fa3;
  --crm-theme-primary-dark: #00909e;
  --crm-theme-btn-radius: 8px;
  --crm-btn-solid-text: #ffffff;
  --crm-btn-outline-text: #00afc1;

  /* style1 */
  --color-primary: #00afc1;
  --color-primary-dark: #00909e;
  --color-plum: #007fa3;
  --color-pink-btn: #00afc1;
  --color-accent-red: #007fa3;
  --color-rose-pink: #59cbd7;

  /* style2 / healow marketing */
  --dark-purple: #006c8b;
  --dark-purple-gray: #007fa3;
  --light-purple: #00afc1;
  --pink: #59cbd7;
  --hot-pink: #00afc1;
  --blue: #00afc1;
  --dark-blue: #006c8b;
  --teal: #00afc1;
  --light-blue: #59cbd7;
  --mkt-blue: #00afc1;
  --mkt-blue-dark: #006c8b;
  --mkt-orange: #007fa3;
  --mkt-link: #00afc1;
  --mkt-check: #00afc1;

  /* bootstrap tokens */
  --bs-primary: #00afc1;
  --bs-primary-rgb: 0, 175, 193;
  --bs-link-color: #00afc1;
  --bs-link-hover-color: #006c8b;

  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'Poppins', Georgia, 'Times New Roman', serif;
}

html, body {
  font-family: var(--font-body) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-heading) !important;
}

.btn,
button,
input[type="button"],
input[type="submit"],
a.btn,
[class*="btn-"] {
  border-radius: var(--crm-theme-btn-radius) !important;
  font-weight: 600 !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

/* Universal solid primary CTA buttons */
.btn-primary,
.btn-header,
.btn-appointment,
.btn-hero-primary,
.btn-cta-primary,
.btn-schedule,
.btn-portal:not(.portal-button),
.btn-marketing-primary,
.bg-primary {
  background-color: var(--crm-theme-primary) !important;
  border: 1px solid var(--crm-theme-primary) !important;
  color: var(--crm-btn-solid-text) !important;
}

.btn-primary:hover,
.btn-header:hover,
.btn-appointment:hover,
.btn-hero-primary:hover,
.btn-cta-primary:hover,
.btn-schedule:hover,
.btn-portal:not(.portal-button):hover,
.btn-marketing-primary:hover {
  background-color: var(--crm-theme-primary-dark) !important;
  border-color: var(--crm-theme-primary-dark) !important;
  color: var(--crm-btn-solid-text) !important;
}

/* Universal outline / secondary buttons */
.btn-patient-login,
.btn-cta-outline,
.btn-outline-primary {
  background-color: #ffffff !important;
  color: var(--crm-btn-outline-text) !important;
  border: 1px solid var(--crm-theme-primary) !important;
}

.btn-patient-login:hover,
.btn-cta-outline:hover,
.btn-outline-primary:hover {
  background-color: #7ad5df !important;
  color: var(--crm-theme-primary-dark) !important;
  border-color: var(--crm-theme-primary) !important;
}

/* Section backgrounds derived from brand */
.hero-section {
  background: linear-gradient(135deg, #80d7e0 0%, #70d2dc 100%) !important;
}

.hero-label {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--crm-theme-primary-dark) !important;
}

.hero-title,
.hero-title-accent {
  color: var(--crm-theme-primary-dark) !important;
}

.hero-desc {
  color: var(--color-gray, #6b6b6b) !important;
}

.text-primary,
.navbar-brand,
a.nav-link:hover,
.service-link,
.portal-link {
  color: var(--crm-theme-primary) !important;
}

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

a:hover {
  color: var(--crm-theme-secondary);
}

.service-icon i,
.care-card-icon,
[class*="accent"] {
  color: var(--crm-theme-primary);
}