:root {
  --bg: #ececef;
  --card: #f8f8fa;
  --text: #242633;
  --muted: #4d5160;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  --blue: #2f73bb;
  --line: #1f4a3e;
  --mint: #8ee7b9;
  --mint-strong: #61d89d;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  font-family: "Pretendard", "Noto Sans KR", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.55;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

body.home-page {
  --bg: #041411;
  --text: #ecf6f2;
  --muted: #b0c5bc;
  --line: #1f4a3e;
  --mint: #8ee7b9;
  --mint-strong: #61d89d;
  background: var(--bg);
  color: var(--text);
  font-family: 'Noto Sans KR', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.menu-image-wrap {
  position: relative;
}

.spicy-level{
  position:absolute;
  top:8px;
  right:8px;
  background:#e74c3c;
  color:white;
  padding:4px 8px;
  border-radius:6px;
  font-size:13px;
  font-weight:600;
  line-height:1;
  z-index:2;
}

.spicy-level[data-spicy="1"]::before{ content:"🌶️"; }
.spicy-level[data-spicy="2"]::before{ content:"🌶️🌶️"; }
.spicy-level[data-spicy="3"]::before{ content:"🌶️🌶️🌶️"; }
.spicy-level[data-spicy="4"]::before{ content:"🌶️🌶️🌶️🌶️"; }
.spicy-level[data-spicy="5"]::before{ content:"🌶️🌶️🌶️🌶️🌶️"; }