:root{
  --zeons-bg:#f4efe5;
  --zeons-bg-soft:#fbf8f2;
  --zeons-paper:rgba(255,253,248,.78);
  --zeons-text:#1f1d19;
  --zeons-muted:#5f584d;
  --zeons-line:rgba(31,29,25,.12);
  --zeons-accent:#2f5a4f;
  --zeons-accent-soft:rgba(47,90,79,.10);
  --zeons-gold:#8b6f3d;
  --zeons-shadow:0 24px 70px rgba(31,29,25,.08);
  --zeons-radius:26px;
  --zeons-radius-sm:18px;
  --zeons-max:1180px;
}

.zeons-theme-body{
  background:
    radial-gradient(circle at top left, rgba(47,90,79,.08), transparent 26%),
    radial-gradient(circle at top right, rgba(139,111,61,.08), transparent 24%),
    linear-gradient(180deg,var(--zeons-bg) 0%,var(--zeons-bg-soft) 100%);
  color:var(--zeons-text);
}

.zeons-card{
  background:var(--zeons-paper);
  border:1px solid var(--zeons-line);
  border-radius:var(--zeons-radius);
  box-shadow:var(--zeons-shadow);
}

.zeons-pill{
  display:inline-block;
  padding:.4rem .76rem;
  border-radius:999px;
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.zeons-pill--accent{
  color:var(--zeons-accent);
  background:var(--zeons-accent-soft);
  border:1px solid rgba(47,90,79,.14);
}

.zeons-pill--gold{
  color:var(--zeons-gold);
  background:rgba(139,111,61,.10);
}

.zeons-display{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.04em;
  line-height:.98;
}

.zeons-text-muted{ color:var(--zeons-muted); }

.zeons-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 1.15rem;
  border-radius:999px;
  border:1px solid var(--zeons-line);
  font-weight:700;
}

.zeons-button--dark{
  background:var(--zeons-text);
  color:#fff;
  border-color:var(--zeons-text);
}

.zeons-button--light{
  background:rgba(255,255,255,.44);
}

.zeons-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
@media (max-width: 760px){
  .zeons-grid-3{grid-template-columns:1fr;}
}