/* Yumbun's web identity, from its Brand Skill: Faro Lucky (700 for headings
   and buttons, 400 for body), a pale cream canvas, black text and accents,
   light-grey card borders, and #F3F2E2 for the Bun Box set. Yellow appears
   only as the supplied flower artwork. Kanji fall back to a Japanese face, as
   they do on yumbun.com: Faro has no Japanese glyphs. */
@font-face {
  font-family: "Faro Lucky";
  src: url("/examples/yumbun/fonts/faro-lucky-400.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Faro Lucky";
  src: url("/examples/yumbun/fonts/faro-lucky-700.woff2") format("woff2");
  font-weight: 700;
}

:root {
  --cream: #faf8ef;
  --ghost: #f3f2e2;
  --black: #000000;
  --ink: #222222;
  --stone: #7c746c;
  --border: #e8e8e8;
  --sans: "Faro Lucky", sans-serif;
  --kanji: "Noto Sans CJK JP", sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
}

body {
  background: var(--cream);
  color: var(--black);
  font-family: var(--sans);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

.kanji {
  font-family: var(--kanji);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
}

/* The menu's diet tags: small bold capitals in a box with a thin border.
   yumbun.com fills them white; v3 uses the palette cream instead, after
   Review flagged white as outside the Brand Skill's palette. */
.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  background: var(--cream);
  border-radius: 0.3em;
  font-weight: 700;
  line-height: 1;
}

/* The supplied four-petal flower, which holds the price on the site. */
.flower {
  position: relative;
  display: grid;
  place-items: center;
  background: url("/examples/yumbun/brand/7fc16dc7-68a4-4e71-8dd8-9993466486aa.svg") center / contain no-repeat;
  text-align: center;
  font-weight: 700;
  line-height: 1.05;
}