:root{
  --brand: #b02a37;      /* deep red */
  --brand-dark: #842029; /* darker red */
  --ink: #111827;        /* near-black */
}

html, body { height: 100%; }
body{
  color: var(--ink);
}

.hero, .human-hero{
  
   background-image: url(../img/human-hero.png);           
  color: #fff;
}

.hero .lead { 
  max-width: 58ch; 
  text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* Improved visibility for the first paragraph */
}

.badge-soft{
  background: rgba(176,42,55,.12);
  color: var(--brand-dark);
  border: 1px solid rgba(176,42,55,.2);
}

.card-hover{
  transition: transform .12s ease, box-shadow .12s ease;
}
.card-hover:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.section-title{
  letter-spacing: .2px;
}

.callout{
  border-left: 5px solid var(--brand);
  background: #fff;
}

footer{
  background: #0b1220;
  color: rgba(255,255,255,.85);
}

footer a{ color: rgba(255,255,255,.9); }
footer a:hover{ color: #fff; }

.small-muted{ color: #495057; /* Darkened further for better readability on light backgrounds */ }

kbd{
  background: #111827;
  color: #fff;
  padding: .15rem .35rem;
  border-radius: .35rem;
  font-size: .85em;
}
/* Hero looks good in both light/dark themes */
.hero, .human-hero {
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* When in light mode, soften the hero background */
html[data-bs-theme="light"] .hero, html[data-bs-theme="light"] .human-hero{
  
  color: #fff;
}

/* Ensure the secondary hero paragraph (often containing hotline info) is clearly visible */
.hero .text-white-50, 
.human-hero .text-white-50 {
  color: rgba(255, 255, 255, 0.9) !important; /* Higher contrast for dark theme */
  text-shadow: 0 1px 1px rgba(0,0,0,0.3); /* Ensure second paragraph stands out */
}

html[data-bs-theme="light"] .hero .text-white-50, 
html[data-bs-theme="light"] .human-hero .text-white-50 {
  color: rgba(33, 37, 41, 0.85) !important; /* Higher contrast for light theme */
}

.c-w{

  color: #fff;
}

.link-body-emphasis {
  color: RGB(242, 242, 242) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1)) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.75) !important;
}

eone is in immediate danger call 911. For confidential support in the U.S., see the hotline info on the Resources page. 



footer a{ color: rgba(255,255,255,.9); }
footer a:hover{ color: #fff; }

.small-muted{ color: #495057; /* Darkened further for better readability on light backgrounds */ }

kbd{
  background: #111827;
}

.hero .text-white-50, 
.human-hero .text-white-50 {
  color: rgba(255, 255, 255, 0.9) !important; /* Higher contrast for dark theme */
  text-shadow: 0 1px 1px rgba(0,0,0,0.3); /* Ensure second paragraph stands out */
}

html[data-bs-theme="light"] .hero .text-white-50, 

.hero .text-white-50, 
.human-hero .text-white-50 {
  color: rgba(255, 255, 255, 0.9) !important; /* Higher contrast for dark theme */
  text-shadow: 0 1px 1px rgba(0,0,0,0.3); /* Ensure second paragraph stands out */
}

html[data-bs-theme="light"] .hero .text-white-50,