:root {
  --logo-ink: #1c191b;
  --logo-copper: #7b4a24;
  --bg: #f7f3ee;
  --surface: #fffdfa;
  --surface-soft: #ebe1d8;
  --ink: #1c191b;
  --muted: #756b64;
  --line: rgba(28, 25, 27, .12);
  --bronze: #7b4a24;
  --bronze-2: #9a6b45;
  --dark: #1c191b;
  --dark-2: #2b2628;
}

body {
  background:
    radial-gradient(circle at 8% 8%, rgba(123,74,36,.06), transparent 24rem),
    var(--bg);
}

.topbar {
  height: 94px;
  background: rgba(255,253,250,.96);
  color: var(--ink);
  border-bottom: 1px solid rgba(123,74,36,.14);
  box-shadow: 0 5px 24px rgba(28,25,27,.04);
}
.language-switch {
  color: var(--ink);
  border-color: rgba(28,25,27,.22);
  background: #fffdfa;
}
.language-switch:hover {
  color: var(--logo-copper);
  border-color: var(--logo-copper);
}
.site-logo,
.footer-logo,
.admin-brand--logo img {
  filter: none !important;
}
.site-logo { height: 70px; width: clamp(132px, 14vw, 190px); }

.hero {
  min-height: 470px;
  color: var(--ink);
  background:
    radial-gradient(circle at 75% 22%, rgba(123,74,36,.10), transparent 25rem),
    radial-gradient(circle at 10% 100%, rgba(28,25,27,.05), transparent 22rem),
    linear-gradient(135deg, #fffdfa 0%, #f0e7df 100%);
  border-bottom: 1px solid rgba(123,74,36,.12);
}
.hero::after {
  opacity: .22;
  background-image:
    linear-gradient(90deg, transparent 49.7%, rgba(123,74,36,.07) 50%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(123,74,36,.05) 50%, transparent 50.3%);
}
.hero-glow--one { background: rgba(123,74,36,.10); }
.hero-glow--two { background: rgba(28,25,27,.05); }
.hero h1 { color: var(--logo-ink); font-weight: 700; }
.hero-copy { color: #5e5550; }
.eyebrow { color: var(--logo-copper); }

.links-section { padding-top: 58px; }
.section-heading h2 { color: var(--logo-ink); }
.card-grid { gap: 18px; }
.link-card {
  background: rgba(255,253,250,.94);
  border-color: rgba(123,74,36,.14);
  box-shadow: 0 12px 35px rgba(28,25,27,.06);
}
.link-card:hover {
  border-color: rgba(123,74,36,.38);
  box-shadow: 0 18px 42px rgba(28,25,27,.10);
}
.link-card--dark {
  background: linear-gradient(145deg, #262123, #1c191b);
  color: #fffdfa;
}
.link-card--bronze {
  background: linear-gradient(145deg, #f1e6dc, #e6d5c6);
  color: var(--logo-ink);
}
.link-card--sand {
  background: linear-gradient(145deg, #fffdfa, #f0e9e2);
  color: var(--logo-ink);
}
.card-icon {
  color: var(--logo-copper);
  background: rgba(255,253,250,.68);
  border-color: rgba(123,74,36,.45);
}
.link-card--dark .card-icon,
.link-card--image .card-icon {
  color: #f3e6dc;
  border-color: rgba(255,255,255,.38);
  background: rgba(255,255,255,.08);
}
.link-card--bronze .card-icon { color: var(--logo-copper); }
.link-card--bronze .card-copy p,
.link-card--sand .card-copy p { color: #71665f; }
.card-footer { color: var(--logo-copper); }
.link-card--bronze .card-footer,
.link-card--sand .card-footer { color: var(--logo-copper); }
.link-card--dark .card-footer,
.link-card--image .card-footer { color: #ead5c4; }

.modal {
  background: #fffdfa;
  border: 1px solid rgba(123,74,36,.14);
}
.option-item {
  background: #fbf7f3;
  border-color: rgba(123,74,36,.13);
}
.option-item:hover {
  background: #f4ebe3;
  border-color: rgba(123,74,36,.35);
}
.option-symbol { background: #eee3da; color: var(--logo-copper); }

.footer {
  background: #eee6df;
  color: #655b55;
  border-top: 1px solid rgba(123,74,36,.14);
}
.footer-brand strong,
.footer p { color: var(--logo-ink); }
.footer-brand span { color: #776c65; }

@media (max-width: 620px) {
  .topbar { height: 84px; }
  .site-logo { height: 60px; width: 132px; }
  .hero { min-height: 405px; }
}