/* KU Funeral Home brand: charcoal and yellow from the original site, calm and respectful */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=Hind:wght@400;500;600&display=swap");
:root {
  --font-head: "Archivo", system-ui, sans-serif;
  --font-body: "Hind", system-ui, sans-serif;
  --primary: #222931;
  --primary-dark: #171c22;
  --accent: #f2d600;          /* slightly deeper than the original #ffe718 so it reads on white */
  --accent-dark: #222931;
  --link: #3d4a57;
  --heading: #222931;
  --text: #3a4047;
  --muted: #5f656d;
  --bg: #ffffff;
  --soft: #f4f5f6;
  --border: #e3e6e8;
  --header-bg: #ffffff;
  --nav-text: #222931;
  --logo-h: 62px;
  --banner-bg: linear-gradient(120deg, #171c22, #42474c);
  --banner-overlay: linear-gradient(120deg, rgba(23, 28, 34, .86), rgba(34, 41, 49, .6));
  --hero-overlay: linear-gradient(100deg, rgba(23, 28, 34, .88) 25%, rgba(23, 28, 34, .35));
  --footer-bg: #171c22;
  --footer-text: #c3c9cf;
}
/* yellow buttons need dark text */
.btn, a.btn { color: #222931; }
.btn:hover, a.btn:hover { background: #222931; border-color: #222931; color: #fff; }
.btn.ghost { color: #222931; border-color: #222931; }
.btn.ghost:hover { background: #222931; color: #fff; }
.hero .btn.ghost { color: #fff; border-color: #fff; }
.hero .btn.ghost:hover { background: #fff; color: #222931; }
.btn.whatsapp { background: #1f8f4e; border-color: #1f8f4e; color: #fff; }
.btn.whatsapp:hover { background: #17713d; border-color: #17713d; }
.main-nav a:hover, .main-nav .group:hover, .main-nav .current > a { color: #222931; background: #fff6b3; }
.date { color: #5f656d; }
.open247 { display: inline-block; background: var(--accent); color: #222931; font-weight: 600; border-radius: 4px; padding: 1px 8px; }
.services .card img { aspect-ratio: 37 / 28; }
.wordmark { display: flex; align-items: center; gap: 12px; color: var(--heading); text-decoration: none; }
.wordmark img { height: var(--logo-h); width: auto; }
.wordmark strong { display: block; font-family: var(--font-head); font-size: 1.2rem; line-height: 1.1; }
.wordmark small { display: block; color: var(--muted); font-size: .85rem; letter-spacing: .04em; text-transform: uppercase; }
.wordmark::before { content: ""; width: 6px; align-self: stretch; background: var(--accent); border-radius: 3px; }