@charset "utf-8";
/* ==========================================================================
   헤드스파 — 브랜드 레이어
   공통 토큰은 그대로 두고 액센트만 업종에 맞게 조정한다.
   가칭: 무이 헤드스파 (MUI HEAD SPA). 실제 브랜드 확정 시 이 파일과 HTML의
   "무이" / "MUI" / "M" 세 문자열만 일괄 치환하면 된다.

   [색 선택 이유]
   국내 헤드스파 매장의 실제 인테리어는 우드 슬랫 + 식물 + 따뜻한 간접조명이
   표준이다(네이버 이미지 검색 기준). 그래서 액센트를 세이지 그린으로 잡았다.
   피부관리(테라코타 로즈)와 색상환에서 멀어 나란히 놓았을 때 한눈에 구분된다.

   --save(성과 상승)도 초록 계열이라 겹쳐 보일 수 있는데, 둘은 이렇게 나뉜다.
     액센트  채도 낮은 세이지 · 버튼/헤더 등 큰 면적에 solid 로
     save    채도 높은 에메랄드 · 작은 배지와 증감 표시에만
   ========================================================================== */

:root {
  /* 세이지 그린 — 두피·식물·이완 */
  --accent:     #4E6A57;
  --accent-dim: #EDF2EF;
  --accent-ink: #2F4A3B;
  /* 히어로 사진 위 강조 텍스트 — 어두운 배경에서 읽혀야 하므로 밝은 톤 */
  --hero-em:    #A9D9BC;

  /* 브랜드 보조 — 우드톤. 프리미엄 라인/구분선에만 쓴다 */
  --wood:       #9A7A55;
  --wood-dim:   #F5EFE6;
}

/* ---------- 로고 자리 ---------- */
.logo { display: inline-flex; align-items: center; gap: 8px; }
.logo__mk {
  width: 28px; height: 28px; border-radius: 7px; flex: none;
  background: var(--ink); color: #fff;
  display: grid; place-items: center;
  font-family: var(--serif); font-size: 14px; font-weight: 700; letter-spacing: .02em;
}
.logo__mk--accent { background: var(--accent); }
.logo__mk--light { background: #fff; color: var(--ink); }
.logo__tx { line-height: 1.15; }
.logo__ko { font-size: 14.5px; font-weight: 800; letter-spacing: -.04em; display: block; }
.logo__en { font-family: var(--serif); font-size: 9px; letter-spacing: .24em; text-transform: uppercase; color: var(--ink-50); display: block; }
.logo--light .logo__ko { color: #fff; }
.logo--light .logo__en { color: rgba(255,255,255,.6); }

/* ---------- 두 갈래 포지셔닝 색 구분 ----------
   이 사업의 핵심 메시지는 "가맹이든 제휴든 둘 다 된다"이다.
   두 갈래를 시각적으로 대등하게 놓되 서로 구분되게 만든다. */
.track--brand { --track: var(--accent); --track-dim: var(--accent-dim); --track-ink: var(--accent-ink); }
.track--partner { --track: var(--info); --track-dim: var(--info-dim); --track-ink: #1D4266; }

.badge--track { background: var(--track-dim); color: var(--track-ink); }