/* assets/site.css — Tattvamasi Ashram */
:root {
  --brand-maroon: #7B2D26;
  --brand-gold: #C9982E;
  --brand-ivory: #FDF8F0;
  --header-h: 6rem;
}

body {
  font-family: 'Mukta', sans-serif;
  background-color: #FFFFFF;
  color: var(--brand-maroon);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Tiro Devanagari Hindi', serif;
  font-weight: 700;
}

.prose-hi p {
  line-height: 1.9;
  margin-bottom: 1rem;
}
.prose-hi p:last-child {
  margin-bottom: 0;
}

.mantra {
  font-family: 'Tiro Devanagari Hindi', serif;
  font-size: clamp(1.5rem, 5vw, 3rem);
  letter-spacing: 0.04em;
  color: #7B2D26;
}

.hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(123, 45, 38, 0.55),
    rgba(123, 45, 38, 0.72)
  );
}

.scroll-mt-24 {
  scroll-margin-top: 6rem;
}

.sampark-card {
  background-color: #FFF8F0;
  border: 1px solid rgba(255, 153, 51, 0.25);
  border-radius: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

#nav-toggle span {
  transition: transform .25s ease, opacity .25s ease;
}
#nav-toggle.open span:nth-child(1) { transform: translateY(8px)  rotate(45deg); }
#nav-toggle.open span:nth-child(2) { opacity: 0; }
#nav-toggle.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

html {
    scroll-behavior: smooth;
}

.sticky-subnav {
  position: sticky;
  top: var(--header-h);
  z-index: 40;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.subnav-link {
    color: rgba(120, 40, 40, 0.6);
    border-bottom: 2px solid transparent;
    transition: color .2s, border-color .2s;
}
.subnav-link:hover { color: #e8741a; }
.subnav-link.active {
    color: #e8741a;
    font-weight: 700;
    border-bottom-color: #e8741a;
}