/* <span style="color:#16A34A;">Weal</span><span style="color:#DC2626;">Sure</span> V38 — Red monochrome theme
   Replaces the previous teal/cyan visual accent with a consistent premium red.
   No visible text/content is added by this theme. */
:root{
  --ws-red:#b91c1c;
  --ws-red-dark:#7f1d1d;
  --ws-red-deep:#5f1515;
  --ws-red-mid:#dc2626;
  --ws-red-light:#fef2f2;
  --ws-red-soft:#fee2e2;
  --ws-ink:#160b0b;
  --ws-muted:#6b5555;
}

/* Accent text / links / labels */
a:hover,
.links a:hover,
.mobile a:hover,
.brand small,
.eyebrow,
.kicker,
.section-kicker,
.drop-title,
.feature-band .feature-list article > span,
.stat-label,
.meta,
.tag,
.badge{
  color:var(--ws-red) !important;
  -webkit-text-fill-color:var(--ws-red) !important;
}

/* Buttons and primary controls */
.btn:not(.btn-dark),
.btn-primary,
.btn-accent,
button:not(.menu):not(.close),
.cta,
.pill.active,
.filter-btn.active{
  background:var(--ws-red) !important;
  border-color:var(--ws-red) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.btn:not(.btn-dark):hover,
.btn-primary:hover,
.btn-accent:hover,
button:not(.menu):not(.close):hover,
.cta:hover{
  background:var(--ws-red-dark) !important;
  border-color:var(--ws-red-dark) !important;
  color:#ffffff !important;
}

/* Teal/cyan borders, outlines and decorative rules */
[class*="accent"],
[class*="teal"],
[class*="cyan"]{
  border-color:var(--ws-red) !important;
}

hr,
.section-rule,
.divider,
.underline,
.nav::after,
.brand::after{
  border-color:var(--ws-red) !important;
  background-color:var(--ws-red) !important;
}

/* Cards and panels: red accent only, preserve readable neutral surfaces */
.feature-band .feature-list article > span,
.feature-band .feature-list article .icon,
.card .icon,
.service-card .icon,
.trust-item .icon,
.metric .icon,
.process-v18 article .icon{
  color:var(--ws-red) !important;
  -webkit-text-fill-color:var(--ws-red) !important;
  border-color:rgba(185,28,28,.22) !important;
  background:var(--ws-red-light) !important;
}

.feature-band .feature-list article,
.card,
.service-card,
.trust-item,
.metric,
.process-v18 article{
  --accent:var(--ws-red);
}

/* Replace common teal backgrounds/gradients used by the original theme */
.bg-accent,
.accent-bg,
.teal-bg,
.cyan-bg{
  background:var(--ws-red) !important;
  color:#ffffff !important;
}

/* SVG/icon strokes and fills that use the old cyan/teal accent */
svg [stroke="#c61826"], svg [stroke="#ae0d1a"], svg [stroke="#8e0c17"],
svg [stroke="#880c16"], svg [stroke="#a40714"],
svg [fill="#c61826"], svg [fill="#ae0d1a"], svg [fill="#8e0c17"],
svg [fill="#880c16"], svg [fill="#a40714"]{
  stroke:var(--ws-red) !important;
  fill:var(--ws-red) !important;
}

/* Broad exact-color replacement for legacy inline/CSS accent declarations.
   Neutral black, white and imagery are intentionally left untouched. */
[style*="#c61826"],[style*="#ae0d1a"],[style*="#8e0c17"],[style*="#880c16"],[style*="#a40714"]{
  color:var(--ws-red) !important;
  border-color:var(--ws-red) !important;
  background-color:var(--ws-red) !important;
}

/* Red-tinted focus states */
:focus-visible{
  outline:2px solid var(--ws-red) !important;
  outline-offset:3px;
}

/* Keep white text white on red/dark-red surfaces for contrast */
.section-dark .btn,
.dark-section .btn,
.feature-band .btn,
.hero-v18 .btn,
.service-hero .btn{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
