/* Site developed and built by sitethreesixty.com */

/* ============================================================
   zones.css — Zone colour schemes + zone-scoped element overrides
   Colour only. No layout properties.
   Zone 1 colour schemes live in critical files, not here.
   ============================================================ */

/* --- Zone colour schemes --- */

.zone-dark {
  background-color: var(--bg-dark);
  color: var(--text-on-dark);
}

.zone-dark a {
  color: var(--brand-highlight);
}

.zone-dark a:hover {
  color: var(--brand-primary);
}

.zone-light {
  background-color: var(--bg-light);
  color: var(--text-on-light);
}

.zone-light a {
  color: var(--brand-primary);
}

.zone-light a:hover {
  color: var(--brand-secondary);
}

.zone-accent {
  background-color: var(--bg-accent);
  color: var(--text-on-dark);
}

.zone-accent a {
  color: var(--brand-highlight);
}

.zone-accent a:hover {
  color: var(--white-off);
}

.zone-muted {
  background-color: var(--bg-muted);
  color: var(--text-on-light);
}

.zone-muted a {
  color: var(--brand-primary);
}

.zone-muted a:hover {
  color: var(--brand-secondary);
}

/* --- Buttons: zone-scoped colour overrides --- */

.zone-dark .btn-primary {
  background-color: var(--brand-primary);
  color: var(--text-on-dark);
  border-color: var(--brand-primary);
}

.zone-dark .btn-primary:hover {
  background-color: var(--brand-highlight);
  border-color: var(--brand-highlight);
}

.zone-dark .btn-secondary {
  color: var(--text-on-dark);
  border-color: var(--text-on-dark);
}

.zone-dark .btn-secondary:hover {
  background-color: var(--text-on-dark);
  color: var(--bg-dark);
}

.zone-light .btn-primary {
  background-color: var(--brand-primary);
  color: var(--text-on-dark);
  border-color: var(--brand-primary);
}

.zone-light .btn-primary:hover {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}

.zone-light .btn-secondary {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.zone-light .btn-secondary:hover {
  background-color: var(--brand-primary);
  color: var(--text-on-dark);
}

.zone-accent .btn-primary {
  background-color: var(--brand-primary);
  color: var(--text-on-dark);
  border-color: var(--brand-primary);
}

.zone-accent .btn-primary:hover {
  background-color: var(--brand-highlight);
  border-color: var(--brand-highlight);
}

.zone-accent .btn-secondary {
  color: var(--text-on-dark);
  border-color: var(--text-on-dark);
}

.zone-accent .btn-secondary:hover {
  background-color: var(--text-on-dark);
  color: var(--bg-accent);
}

.zone-muted .btn-primary {
  background-color: var(--brand-primary);
  color: var(--text-on-dark);
  border-color: var(--brand-primary);
}

.zone-muted .btn-primary:hover {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
}

.zone-muted .btn-secondary {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.zone-muted .btn-secondary:hover {
  background-color: var(--brand-primary);
  color: var(--text-on-dark);
}

/* --- Cards: zone-scoped colour overrides --- */

.zone-dark .card {
  background-color: var(--grey-darkest);
  border-color: var(--grey-dark);
}

.zone-light .card {
  background-color: var(--white-off);
  border-color: var(--grey-lightest);
}

.zone-accent .card {
  background-color: var(--grey-darkest);
  border-color: var(--grey-dark);
}

.zone-muted .card {
  background-color: var(--white-off);
  border-color: var(--grey-light);
}

/* --- Testimonial cards: zone-scoped colour overrides --- */

.zone-light .testimonial-card {
  background-color: var(--white-off);
  border-color: var(--grey-lightest);
}

.zone-light .testimonial-card cite {
  color: var(--text-on-light);
}

.zone-light .testimonial-card footer span {
  color: var(--text-muted-light);
}

/* --- Section labels: zone-scoped --- */

.zone-dark .section-label {
  color: var(--brand-highlight);
}

.zone-light .section-label {
  color: var(--brand-primary);
}

.zone-accent .section-label {
  color: var(--brand-highlight);
}

.zone-muted .section-label {
  color: var(--brand-primary);
}

/* --- Section headings: zone-scoped --- */

.zone-dark .section-heading {
  color: var(--text-on-dark);
}

.zone-light .section-heading {
  color: var(--text-on-light);
}

.zone-accent .section-heading {
  color: var(--text-on-dark);
}

.zone-muted .section-heading {
  color: var(--text-on-light);
}

/* --- Form inputs: zone-scoped --- */

.zone-muted .form-input,
.zone-muted .form-textarea {
  background-color: var(--white-off);
  border-color: var(--grey-light);
  color: var(--text-on-light);
}

.zone-light .form-input,
.zone-light .form-textarea {
  background-color: var(--white-off);
  border-color: var(--grey-light);
  color: var(--text-on-light);
}

/* --- Trust points: zone-scoped --- */

.zone-dark .trust-point h3 {
  color: var(--brand-highlight);
}

.zone-dark .trust-point p {
  color: var(--text-muted-dark);
}

/* --- Logo accent: zone-scoped --- */

.site-header .site-logo-accent {
  color: var(--brand-highlight);
}

.zone-dark .site-logo-accent {
  color: var(--brand-highlight);
}

/* --- Footer logo --- */

.zone-dark .footer-logo {
  color: var(--text-on-dark);
}

/* --- Contact details: zone-scoped --- */

.zone-muted .contact-info-block h3 {
  color: var(--text-on-light);
}

.zone-muted .contact-info-block address {
  color: var(--text-muted-light);
}

/* https://www.sitethreesixty.com */