/* Theme: EVERGREEN — fresh modern restyle. Accent #24B97C. Poppins + Karla. */
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Karla'; src: url('../fonts/karla-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Karla'; src: url('../fonts/karla-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Karla'; src: url('../fonts/karla-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }

:root {
  --font-display: 'Poppins', Arial, sans-serif;
  --font-body: 'Karla', Arial, sans-serif;
  --accent: #17936B;            /* evergreen, deepened from #24B97C for AA contrast on white */
  --accent-soft: #24B97C;
  --ink: #24312B;
  --ink-soft: #47594F;
  --bg: #fff;
  --header-bg: #fff;
  --navbar-bg: #F2F8F5;
  --nav-link: #7FA491;
  --nav-link-active: #2E5C48;
  --mint: #EEF8F3;
  --mint-strong: #DDF2E8;
  --gray: #F1F5F3;
  --card-bg: #F5FAF7;
  --review-strip-bg: #FAFCFB;
  --footer-bg: #2E5C48;
  --footer-strip-bg: #17372A;
  --btn-radius: 10px;
  --hero-band-bg: linear-gradient(120deg, rgba(10,36,26,.92), rgba(23,87,61,.82)), url('../img/5f21a0bc4bea630021c895c0_optimized_1920.webp') center/cover no-repeat #0F2A1F;
  --dark-band-bg: linear-gradient(120deg, rgba(10,36,26,.92), rgba(23,87,61,.82)), url('../img/5f21a0bc4bea630021c895c0_optimized_1920.webp') center/cover no-repeat #0F2A1F;
  --dark-photo-band-bg: linear-gradient(rgba(9,26,19,.82), rgba(9,26,19,.82)), url('../img/DENTAL-BG3.1.png') center/cover no-repeat #0F2A1F;
}

/* Component accents for the Evergreen direction */
.section-title { font-weight: 600; letter-spacing: -.01em; }
.section-sub { font-family: var(--font-body); font-weight: 700; }
.nav-list a { font-weight: 500; letter-spacing: .05em; }
.btn { font-weight: 700; }
.btn:hover { filter: none; background: #106B4E; }
.btn--ghost:hover { background: #fff; color: #106B4E; }
.card { border-radius: 12px; overflow: hidden; border: 1px solid #E1EEE7; }
.card__icon { border-radius: 12px; }
.review-card, .testi__quote { border-radius: 12px; }
.profile-card { border-radius: 14px; }
.contact-info, .contact-form { border-radius: 14px; }
.contact-wrap { gap: 20px; }
.field input, .field textarea, .field select { border-radius: 8px; }
.checklist li::before { background: var(--accent); }