/* 바라몰 — 색 연결(관리자 「브랜드·디자인」 값). 기준: 저장소 DESIGN.md
   화면 배치는 mall.css 그대로: 가운데 모바일 폭 화면, 넓은 화면에서는 왼쪽 검색 · 오른쪽 배너. PC 전용 배치는 두지 않는다(대장님 11/10). */

/* ── 색 연결(관리자 「브랜드·디자인」 값) ── */
.notice-top { background: var(--topbar, var(--primary)); }
/* 워드마크: 외국어 화면(VARA MALL)은 세리프, 한국어(바라몰)는 본문 글꼴 그대로 */
html:not([lang="ko"]) .mhd .logo-c, html:not([lang="ko"]) .mhd .logo-c * { font-family: Georgia, "Times New Roman", serif; letter-spacing: 0.04em; font-weight: 400; }
.mfoot { background: var(--surface-2, #F7F8FA); }
/* 강조색(주황)은 할인 표시에만. 구매 단추 · 합계는 주조색 · 글자색으로 차분하게 */
.pc .ribbon { background: color-mix(in srgb, var(--sale) 90%, transparent); }
.pc .badges .b-new { background: var(--primary); }
.pc .badges .b-pop { background: var(--sale); }
.buybar2 .btn.sale { background: var(--primary); border-color: var(--primary); color: #fff; }
.total-row b { color: var(--ink); }