@charset "utf-8";
/* ==========================================================================
   피부관리 — 브랜드 레이어
   공통 토큰은 그대로 두고 액센트만 업종에 맞게 조정한다.
   가칭: 글로우랩 (GLOW LAB). 실제 브랜드 확정 시 이 파일과 HTML의
   "글로우랩" / "GLOW LAB" / "GL" 세 문자열만 일괄 치환하면 된다.
   ========================================================================== */

:root {
  /* 테라코타 로즈 — 피부/따뜻함. 의료 느낌의 파랑을 피하고 살결 톤에 붙인다 */
  --accent:     #BE5B4E;
  --accent-dim: #FAEDEA;
  --accent-ink: #8F3A2E;
  /* 히어로 사진 위 강조 텍스트 — 어두운 배경에서 읽혀야 하므로 밝은 톤 */
  --hero-em:    #F4C0B3;

  /* 브랜드 보조 — 프리미엄 라인/구분선에만 쓴다 */
  --gold:       #A98A4B;
  --gold-dim:   #F7F1E4;
}

/* ---------- 로고 자리 ---------- */
.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); }