/* =============================================================
   v2-colors.css — accent #54c2bb wiring for v2 components
   Cleaned: 2026-09-18 — removed stale references to old socials,
   old footer, filter-list, .work-inner, .top-button, .columns.
   Load AFTER v2-theme.css and turcoaz.css
   Copy to: design/css/v2-colors.css
   ============================================================= */

/* ---------- Accent variable --------------------------------- */
:root {
  --v2-accent: #54c2bb;
}

/* ---------- Text -------------------------------------------- */
.v2-label,
.v2-hero-eyebrow,
.v2-stat-suffix,
.v2-accordion-body .v2-acc-link,
.v2-hero-cta,
.form-btn,
.google-map-big-button:hover,
.colored { /* keep turcoaz.css .colored working */
  color: #54c2bb;
}

/* ---------- Backgrounds ------------------------------------ */
.v2-hero-cta:hover,
.form-btn:hover,
.google-map-big-button:hover,
.colored-bg {
  background-color: #54c2bb;
}

/* ---------- Borders ---------------------------------------- */
.v2-hero-cta,
.form-btn,
.alert.gray-bg,
.v2-accordion-body .v2-acc-link,
.v2-divider,
.about-box:hover,
.form:focus,
.colored-border {
  border-color: #54c2bb;
}

/* ---------- Box shadow on focus ---------------------------- */
.form:focus {
  box-shadow: 0 0 0 2px rgba(84, 194, 187, 0.12);
}

/* ---------- Hover states ----------------------------------- */
.nav li a:hover,
.nav li.active a,
.v2-accordion-toggle:hover .v2-accordion-title,
.v2-accordion-item.active .v2-accordion-num,
.v2-accordion-item.active .v2-accordion-title,
.v2-accordion-item.active .v2-accordion-icon,
.v2-hero-arrow:hover {
  color: #54c2bb !important;
}

/* ---------- Loader spinner --------------------------------- */
.loader-item {
  color: #54c2bb !important;
  border-color: #54c2bb transparent transparent !important;
}

/* ---------- Active accordion indicator line ---------------- */
.v2-accordion-item.active .v2-accordion-toggle {
  border-left: 2px solid #54c2bb;
  padding-left: 14px;
}

/* ---------- Scrollbar (Chromium) --------------------------- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #111111; }
::-webkit-scrollbar-thumb { background: #333333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #54c2bb; }

/* ---------- Text selection --------------------------------- */
::selection {
  background: rgba(84, 194, 187, 0.3);
  color: #ffffff;
}