/* Leaders Drive Change — White + Baby Blue Theme (Tailwind-friendly) */
:root{
  --bg: #ffffff;
  --text: #0f172a;         /* slate-900 */
  --muted: #475569;        /* slate-600-ish */
  --primary: #38bdf8;      /* sky-400/500 zone */
  --primary-strong: #0ea5e9; /* sky-500 */
  --primary-dark: #0284c7; /* sky-600 */
  --tint: #e0f2fe;         /* sky-100 */
  --tint-weak: #f0f9ff;    /* sky-50 */
  --border: #e2e8f0;       /* slate-200 */
}

html, body{ background: var(--bg); color: var(--text); }

a{ color: var(--primary-strong); text-decoration: none; }
a:hover{ color: var(--primary-dark); text-decoration: underline; }
:focus-visible{ outline: 2px solid var(--primary-strong); outline-offset: 2px; }

/* Header/Nav */
.site-header{ background: var(--bg); border-bottom: 1px solid var(--border); }
.brand-mark{ color: var(--primary-dark); font-weight: 800; letter-spacing: .2px; }

/* Hero */
.hero{ background: var(--tint-weak); }
.hero h1{ color: #075985; } /* sky-800 */
.hero p{ color: var(--muted); }

/* Cards */
.card{
  background:#fff; border:1px solid var(--tint); border-radius:1rem;
  box-shadow:0 2px 8px rgba(2,132,199,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.card:hover{ transform: translateY(-2px); box-shadow:0 6px 16px rgba(2,132,199,.12); }
.card h3{ color: var(--primary-dark); }

/* Buttons */
.btn{ display:inline-flex; align-items:center; justify-content:center;
  padding:.75rem 1rem; border-radius:.75rem; background:var(--primary-strong); color:#fff; font-weight:600;
  transition: background .15s ease, transform .05s ease;
}
.btn:hover{ background: var(--primary-dark); }
.btn.secondary{ background: var(--tint); color: var(--primary-dark); }
.btn:active{ transform: translateY(1px); }

/* Footer */
.site-footer{ background: var(--tint); border-top:1px solid var(--border); color:#0f172a; }

/* Utilities */
.text-muted{ color: var(--muted); }
.bg-tint{ background: var(--tint-weak); }
.border-tint{ border-color: var(--tint); }
.badge{ display:inline-block; background: var(--tint); color: var(--primary-dark);
  padding:.25rem .5rem; border-radius:.5rem; font-size:.75rem; font-weight:600; }
/* Nav highlight for current page */
.site-header a[aria-current="page"] {
  background: rgba(2,132,199,.10);   /* soft baby blue */
  color: rgb(3,105,161);
  border-radius: .5rem;
  padding: .375rem .5rem;
  font-weight: 600;
}

/* If your active link is the blue button (Subscribe) */
.site-header a.btn[aria-current="page"] {
  filter: brightness(0.95);
}

/* Mobile drawer */
#mobileDrawer a[aria-current="page"] {
  background: rgba(2,132,199,.15);
  font-weight: 600;
}

/* Consistent "Open" buttons on Resources */
.btn-open{
  @apply inline-flex items-center gap-2 rounded-xl px-4 py-2 font-semibold
         bg-sky-600 text-white ring-1 ring-sky-600/30 hover:bg-sky-700 transition;
  white-space: nowrap; /* keeps size consistent */
}
.btn-open svg{ @apply h-4 w-4; }