:root {
  --oc-primary: #21634c;
  --oc-primary-hover: #174e3b;
  --oc-accent: #d7ebc4;
  --oc-bg: #f3f4f0;
  --oc-surface: #fff;
  --oc-border: #e2e5df;
  --oc-text: #202d27;
  --oc-muted: #718078;
  --oc-success: #246944;
  --oc-warning: #93611c;
  --oc-danger: #b6443d;
  --oc-info: #326a91;
  --oc-soft-green: #eaf3e9;
  --oc-soft-yellow: #fcf2df;
  --oc-soft-red: #faeae5;
  --oc-soft-blue: #eaf2f8;
  --oc-soft-pink: #f8ebf2;
  --oc-shadow: 0 12px 40px #1e30231c;
  --oc-radius: 12px;
  --oc-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --oc-type-pickup: #21634c;
  --oc-type-delivery: #326a91;
  --oc-type-dine-in: #815eaa;
  --oc-type-takeout: #946020;
}
body {
  font-family: var(--oc-font);
  font-size: 14px;
  color: var(--oc-text);
  background: var(--oc-bg);
  font-variant-numeric: tabular-nums;
}
h1,
h2,
h3 {
  letter-spacing: -0.035em;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 17px;
}
small,
.muted {
  color: var(--oc-muted);
}