:root {
  --bg: #f7f3ec;
  --panel: #fffdf8;
  --ink: #1f2522;
  --muted: #68706a;
  --line: #ddd4c8;
  --coffee: #6d4c3d;
  --matcha: #4d6b55;
  --copper: #985e38;
  --admin: #f3f5f1;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --radius-control: 8px;
  --radius-card: 12px;
  --border-width: 1px;
  --shadow: 0 20px 60px rgb(31 37 34 / 12%);
  --header-bg: rgb(247 243 236 / 90%);
  --button-bg: #fffaf2;
  --button-ink: var(--ink);
  --accent-ink: #ffffff;
  --hero-overlay: linear-gradient(90deg, rgb(24 27 25 / 76%), rgb(24 27 25 / 12%));
  --input-bg: #ffffff;
  --input-ink: #1f2522;
  --surface-raised: #fffdf8;
  --surface-raised-ink: #1f2522;
  --surface-soft: #fbf1e4;
  --surface-soft-ink: #1f2522;
  --active-bg: #1f2522;
  --active-ink: #ffffff;
  --inverse-bg: #1f2522;
  --inverse-ink: #ffffff;
}

.public-header {
  text-transform: uppercase;
  letter-spacing: .08em;
}

.hero h1 {
  max-width: 11ch;
  letter-spacing: -.025em;
}

.section h2 {
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
}

.menu-card {
  border-radius: 0;
  box-shadow: none;
}