/* DINOGOODS global CTA color system — 2026-09-09 */
:root{
  --dg-cta-green:#033220;
  --dg-cta-hover:#4C944F;
  --dg-cta-white:#ffffff;
}

/* Keep every CTA label/icon readable. */
.btn,
.btn span,
.btn svg{
  color:inherit !important;
}

/* Green filled CTAs: white copy on dark/green fill. */
.btn-solid,
.btn-header{
  background:var(--dg-cta-green) !important;
  border-color:var(--dg-cta-green) !important;
  color:var(--dg-cta-white) !important;
}
.btn-solid:hover,
.btn-solid:focus-visible,
.btn-header:hover,
.btn-header:focus-visible{
  background:var(--dg-cta-hover) !important;
  border-color:var(--dg-cta-hover) !important;
  color:var(--dg-cta-white) !important;
}

/* Light-page outline CTAs: green copy, never white-on-white. */
.btn-outline{
  background:transparent !important;
  border-color:var(--dg-cta-green) !important;
  color:var(--dg-cta-green) !important;
}
.btn-outline:hover,
.btn-outline:focus-visible{
  background:var(--dg-cta-green) !important;
  border-color:var(--dg-cta-green) !important;
  color:var(--dg-cta-white) !important;
}

/* White CTA surface: green copy. */
.btn-light{
  background:var(--dg-cta-white) !important;
  border-color:var(--dg-cta-white) !important;
  color:var(--dg-cta-green) !important;
}
.btn-light:hover,
.btn-light:focus-visible{
  background:var(--dg-cta-hover) !important;
  border-color:var(--dg-cta-hover) !important;
  color:var(--dg-cta-white) !important;
}

/* Dark-section transparent CTA: white copy. On white hover surface, copy turns green. */
.btn-outline-light{
  background:transparent !important;
  border-color:rgba(255,255,255,.9) !important;
  color:var(--dg-cta-white) !important;
}
.btn-outline-light:hover,
.btn-outline-light:focus-visible{
  background:var(--dg-cta-white) !important;
  border-color:var(--dg-cta-white) !important;
  color:var(--dg-cta-green) !important;
}

/* Text CTAs on light surfaces are always DINOGOODS green. */
.text-link,
.card-link,
.company-email,
.footer-email{
  color:var(--dg-cta-green) !important;
}
.text-link:hover,
.text-link:focus-visible,
.card-link:hover,
.card-link:focus-visible,
.company-email:hover,
.company-email:focus-visible,
.footer-email:hover,
.footer-email:focus-visible{
  color:var(--dg-cta-hover) !important;
}

/* Icon-only / utility controls on light surfaces. */
.rail-controls button,
.menu-toggle,
.menu-close,
.source-gallery-ui button{
  background:transparent !important;
  border-color:var(--dg-cta-green) !important;
  color:var(--dg-cta-green) !important;
}
.rail-controls button:hover,
.rail-controls button:focus-visible,
.menu-toggle:hover,
.menu-toggle:focus-visible,
.menu-close:hover,
.menu-close:focus-visible,
.source-gallery-ui button:hover,
.source-gallery-ui button:focus-visible{
  background:var(--dg-cta-green) !important;
  border-color:var(--dg-cta-green) !important;
  color:var(--dg-cta-white) !important;
}
.menu-toggle:hover span,
.menu-toggle:focus-visible span{
  background:var(--dg-cta-white) !important;
}

/* Extra safeguard for dark visual sections. */
.hero .btn-outline-light,
.feature .btn-outline-light,
.cta-photo .btn-outline-light{
  color:var(--dg-cta-white) !important;
}