:root {
  --bg: #f3ece3;
  --bg-2: #efe4d6;
  --ink: #1d1914;
  --muted: #5d5348;
  --line: rgba(29, 25, 20, 0.12);
  --brand: #8a3419;
  --accent: #b45309;
  --good: #3f6212;
  --closed: #9a3412;
  --card: rgba(255, 250, 244, 0.86);
  --shadow: 0 16px 40px rgba(73, 47, 24, 0.12);
  --sans: "IBM Plex Sans", "Segoe UI", sans-serif;
  --display: "Fraunces", Georgia, serif;
}

body {
  background:
    radial-gradient(circle at 80% 0%, rgba(180, 83, 9, 0.12), transparent 36%),
    linear-gradient(#f3ece3, #e9ddd0);
  color: var(--ink);
}

.site-header {
  background: rgba(243, 236, 227, 0.9);
}

.nav a {
  color: var(--muted);
}

.nav a[aria-current="page"],
.nav a:hover {
  color: var(--ink);
}

.hero h1,
.page-hero h1,
.section-head h2,
.location-card h3,
.brand-name {
  color: #1d1914;
}

.badge.is-open {
  color: #1d1914;
}

.day-table tr.is-today td {
  color: var(--brand);
}

.btn-primary {
  background: var(--brand);
}

.mark-svg {
  width: 54px;
  height: 54px;
}