:root {
  --bg: #eeece5;
  --panel: #faf8f1;
  --ink: #20252a;
  --muted: #687079;
  --line: #bdc1c2;
  --coffee: #725c40;
  --matcha: #243b53;
  --copper: #705533;
  --admin: #e5e4df;
  --font-body: "Yu Gothic", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
  --font-display: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
  --radius-control: 0;
  --radius-card: 0;
  --border-width: 1px;
  --shadow: 0 20px 52px rgb(36 59 83 / 10%);
  --header-bg: rgb(238 236 229 / 96%);
  --button-bg: #faf8f1;
  --button-ink: #20252a;
  --accent-ink: #ffffff;
  --hero-overlay: linear-gradient(90deg, rgb(20 34 48 / 84%), rgb(36 59 83 / 16%));
  --input-bg: #ffffff;
  --input-ink: #20252a;
  --surface-raised: #faf8f1;
  --surface-raised-ink: #20252a;
  --surface-soft: #e5e4df;
  --surface-soft-ink: #20252a;
  --active-bg: #20252a;
  --active-ink: #ffffff;
  --inverse-bg: #20252a;
  --inverse-ink: #ffffff;
}

.public-header {
  border-top: 10px solid #243b53;
}

.brand-mark {
  border-radius: 0;
  background: linear-gradient(90deg, #243b53 0 46%, #faf8f1 46% 54%, #243b53 54%);
}

.hero-copy {
  border-left: 1px solid rgb(250 248 241 / 72%);
  padding-left: clamp(22px, 5vw, 64px);
}

.hero h1 {
  max-width: 8ch;
  font-weight: 500;
  letter-spacing: .12em;
}

.menu-card {
  border-width: 0 0 1px;
  box-shadow: none;
}