/* Clay surface system. Palette is provisional pending visual access to the reference.
   No added fonts, images, animation libraries or layout dependencies. */
:root {
  --ink: #251e19;
  --midnight: #201b18;
  --navy: #30261f;
  --navy-2: #49392c;
  --teal: #ad5d13;
  --teal-2: #f5c176;
  --gold: #f5c176;
  --cream: #f4eee4;
  --muted: #65594d;
  --soft: #fff9f0;
  --line: #dbccba;
  --line-dark: #dbccba;
  --clay-bg: #ece3d6;
  --clay-surface: #fff8ee;
  --clay-low: #eadbc7;
  --clay-accent: #88430b;
  --clay-shadow: 10px 14px 25px #69513a24, -6px -6px 18px #ffffffad,
    inset 3px 3px 5px #ffffff, inset -5px -6px 10px #b59a7452;
  --clay-small: 4px 6px 12px #69513a24, -3px -3px 8px #ffffff99,
    inset 2px 2px 3px #ffffffd9, inset -3px -4px 6px #b59a7447;
  --radius-xl: 38px;
  --radius-lg: 30px;
  --radius-md: 20px;
}
body { background: var(--clay-bg); color: var(--ink); }
body::before { display: none; }
.section.light { background: #f4eee4; color: var(--ink); }
.section.surface { background: #e7ddcf; }
.section.light p, .lead, .muted { color: var(--muted); }
.eyebrow { color: var(--clay-accent); }
.eyebrow::before { background: var(--clay-accent); }
.gold { color: var(--clay-accent); }
.text-gradient { background: none; color: var(--gold); }

/* A rounded lip, light from the top left and a shaded lower edge give each
   opaque card volume. Shadows do not animate, avoiding repaint-heavy effects. */
.card, .card.light, .glass-card, .content-panel, .hero-card, .bank-card,
.devotional-home-card, .devotional-filters-card, .devotional-reader,
.devotional-archive-card, .devotional-dialog {
  background: linear-gradient(145deg, var(--clay-surface), #f6ecdd 75%, var(--clay-low));
  border: 1px solid #fff9ef;
  border-radius: var(--radius-xl);
  box-shadow: var(--clay-shadow);
  color: var(--ink);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.card::before { display: none; }
.card p, .glass-card p, .content-panel p, .hero-card p, .bank-card p,
.devotional-home-copy p, .devotional-copy p { color: var(--muted); }
.card h2, .card h3, .glass-card h2, .glass-card h3, .content-panel h2,
.content-panel h3, .hero-card h2, .hero-card h3, .bank-card h3 { color: var(--ink); }
.card .eyebrow, .glass-card .eyebrow, .hero-card .eyebrow,
.content-panel .eyebrow { color: var(--clay-accent); }
.card .gold, .glass-card .gold, .hero-card .gold { color: var(--clay-accent); }
.card .text-gradient, .glass-card .text-gradient { color: var(--ink); }
.mini-list div, .mini-list strong, .bank-row strong, .contact-line a { color: var(--ink); }
.bank-row { border-color: var(--line); }

.pill, .table-like div, .callout, .devotional-meta-item, .devotional-focus,
.devotional-memory, .devotional-declaration, .event-meta span {
  background: linear-gradient(145deg, #fff5e5, #eedbbf);
  color: var(--ink);
  border: 1px solid #fff8ed;
  border-radius: 23px;
  box-shadow: var(--clay-small);
}
.pill small, .devotional-meta-item span, .devotional-archive-card time { color: var(--clay-accent); }
.pill strong { color: var(--ink); }
.pill .icon { box-shadow: inset 2px 3px 5px #b5977352, inset -2px -2px 4px #fff9ed; }
.devotional-focus { border-left: 5px solid var(--clay-accent); }
.devotional-archive-card { border-radius: 28px; }
.devotional-archive-card[aria-current=true] { outline: 3px solid var(--clay-accent); outline-offset: 2px; }
.devotional-note, .devotional-status { color: var(--muted); }
.devotional-note a:not(.btn), .devotional-status a { color: var(--clay-accent); text-decoration: underline; }
.devotional-note .btn { margin-top: 14px; }
.devotional-home-date { background: linear-gradient(145deg, #f8dba9, #e9b96f); border-color: #c7995d; color: var(--ink); }
.devotional-home-date .eyebrow, .devotional-home-date time { color: var(--ink); }
.devotional-home-date p { color: #55422b; }
.devotional-home-focus { color: var(--clay-accent); }
.devotional-home-copy blockquote { color: var(--clay-accent); border-color: var(--clay-accent); }
.devotional-note a.btn { color: #34210e; text-decoration: none; }
.devotional-dialog::backdrop { background: #19120be0; }
.devotional-dialog { box-shadow: 0 28px 70px #0008, inset 3px 3px 6px #fff, inset -5px -6px 12px #b59a7452; }
.devotional-close { background: #efdcc2; color: var(--ink); box-shadow: var(--clay-small); }

/* Keep photographs intact inside softly raised frames. */
.image-card, .gallery-item, .map-wrap, .youtube-lite, .youtube-frame {
  border: 5px solid var(--clay-surface); border-radius: 34px;
  box-shadow: var(--clay-shadow);
}
.image-card .overlay { color: #fff; }
.image-card .overlay p, .image-card .overlay .eyebrow { color: #fff1da; }
.gallery-strip img { border: 4px solid var(--clay-surface); border-radius: 24px; box-shadow: var(--clay-small); }
.ministry-mini, .ministry-card, .event-card { border-radius: 32px; }
.ministry-mini img, .ministry-card img, .event-card img { border: 5px solid var(--clay-surface); border-radius: 31px 31px 22px 22px; }
.ministry-slider-track { padding: 12px 9px 30px; }
.service-artwork { background: linear-gradient(145deg,#443329,#241c17); color: #fff6e8; }
.service-artwork p, .service-artwork .eyebrow, .service-artwork strong { color: #f5c176; }
.service-artwork small, .service-artwork-row span { color: #f1dfc6; }
.service-artwork::before { background: radial-gradient(circle,#f5c17630,transparent 66%); }
.service-artwork::after { border-color: #f5c17644; }

.icon { border: 1px solid #fff4e2; background: linear-gradient(145deg,#f6d499,#dfaf66); color: #59300c; box-shadow: var(--clay-small); border-radius: 16px; }
.btn, .nav-cta, .menu-toggle, .slider-btn, .socials a {
  border: 1px solid #fff2df; background: linear-gradient(145deg,#fff6e8,#ebd6b8);
  color: var(--ink); box-shadow: var(--clay-small); min-height: 44px;
  transition: transform .18s ease, background-color .18s ease;
}
.btn-primary, .nav-cta { background: linear-gradient(145deg,#ffdea7,#edb35e); color: #34210e; border-color: #ffe3b7;
  box-shadow: 3px 5px 11px #6a421e40, inset 2px 2px 4px #fff0cf, inset -3px -4px 7px #aa661a55; }
.btn-outline.dark, .btn-light, .btn-outline { color: var(--ink); background: linear-gradient(145deg,#fff6e8,#ebd6b8); border-color: #fff2df; }
.btn:active, .nav-cta:active, .devotional-archive-card:active { transform: translateY(1px); }
.btn:disabled { opacity: .5; cursor: default; transform: none; }
.btn:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible { outline: 3px solid #a8550a; outline-offset: 4px; }
.nav-shell, .site-header.scrolled .nav-shell { background: #30251f; border-color: #73553e;
  box-shadow: 0 12px 26px #1a110e4d, inset 2px 2px 3px #a38b6d55, inset -3px -4px 7px #09050388;
  backdrop-filter: none; -webkit-backdrop-filter: none; }
.nav-link { color: #fff6e8; }
.nav-link:hover, .nav-link.active { background: #5a4130; }
.brand, .footer-logo { background: #fffaf2; box-shadow: inset 2px 2px 3px #fff, inset -3px -3px 5px #c5b8a4; }
.menu-toggle span { background: var(--ink); }
.slider-btn:hover { background: #f4d7aa; border-color: #ac743a; }
.live-badge { color: #245236; background: #deeddb; }
.live-dot { background: #337946; box-shadow: 0 0 0 5px #3379461a; }

label { color: var(--ink); }
input, select, textarea { color-scheme: light; color: var(--ink); background: #f0e6d7;
  border: 1px solid #ac9274; border-radius: 18px;
  box-shadow: inset 3px 3px 6px #ab947345, inset -3px -3px 6px #fff; }
input::placeholder, textarea::placeholder { color: #746452; opacity: 1; }
input:focus, select:focus, textarea:focus { border-color: #88430b; box-shadow: inset 2px 2px 5px #ab947345; }
select option { background: #fff8ee; color: var(--ink); }
.devotional-filters input, .devotional-filters select { color-scheme: light; }

/* Dark image heroes retain readable type and the existing photograph/video. */
.hero, .page-hero { color: #fff9f0; background-color: #201b18; }
.hero::before { background: linear-gradient(90deg,#21170eeb,#21170e80 72%,#21170ec7),linear-gradient(180deg,#21170e11,#201b18)!important; }
.hero::after, .page-hero::after { background: linear-gradient(180deg,transparent,#201b18); }
.page-hero::before { background: linear-gradient(90deg,#21170eef,#21170eaa,#21170e55),linear-gradient(180deg,#21170e22,#201b18); }
.hero-copy .eyebrow, .page-hero .eyebrow, .hero-copy .gold { color: #f5c176; }
.hero-copy .eyebrow::before, .page-hero .eyebrow::before { background: #f5c176; }
.hero-copy p, .page-hero .lead, .breadcrumb { color: #f3e5d4; }
.page-hero .devotional-note, .page-hero .devotional-note a { color: #f5c176; }
.hero-card { box-shadow: 9px 14px 28px #0006, inset 3px 3px 5px #fff, inset -5px -6px 10px #b59a7452; }
.site-footer { background: #201b18; color: #fff7eb; border-color: #544432; }
.site-footer::before { display: none; }
.footer-col a, .footer-col p, .footer-bottom { color: #d6c6b3; }
.footer-col h3 { color: #fff7eb; }
.footer-col a:hover { color: #f5c176; }
.socials a { color: #34210e; }
.footer-bottom { border-color: #544432; }

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .devotional-archive-card:hover, .ministry-mini:hover, .ministry-card:hover { transform: translateY(-3px); box-shadow: var(--clay-shadow); }
}
@media (max-width:1220px) { .nav-links { background: #30251f; border-color: #73553e; } }
@media (max-width:720px) {
  :root { --radius-xl: 28px; --clay-shadow: 5px 8px 14px #69513a24,-3px -3px 10px #ffffff9c,inset 2px 2px 4px #fff,inset -4px -5px 8px #b59a7447; }
  .image-card, .gallery-item, .map-wrap, .youtube-lite { border-width: 4px; border-radius: 27px; }
  .devotional-dialog { border-radius: 26px; }
  .devotional-home-date { border-bottom: 1px solid #c7995d; }
  .card, .content-panel, .bank-card, .devotional-filters-card { padding: 24px; }
  .ministry-mini, .ministry-card, .event-card { padding: 0; }
  .devotional-archive-card { padding: 23px; }
  .devotional-dialog-shell { padding-inline: 16px; }
}
@media (prefers-reduced-motion:reduce) { .btn:hover,.ministry-mini:hover,.ministry-card:hover,.devotional-archive-card:hover { transform:none; } }