/* ==========================================================================
   savetax 해커톤 브랜드 — 로고 마크(원화 글리프)·워드마크
   app.css의 토큰(--text --text-2 --lime-ink)만 읽고, 규칙은 .logo-* 범위에만 둔다.
   마크 배경(오렌지 둥근 사각형)은 app.css .logo-mark가 그대로 그린다.
   ========================================================================== */

.logo-mark { flex: none; }
.logo-mark .logo-glyph { width: 21px; height: 21px; flex: none; }

/* 'savetax'는 굵게, '해커톤'은 한 단계 가벼운 보조 굵기 — 한 줄로 붙는다 */
.logo-word {
  display: inline-flex; align-items: baseline; gap: 6px;
  font-family: var(--sans); font-size: 19px; line-height: 1; white-space: nowrap;
}
.logo-word b { font-weight: 800; letter-spacing: -0.045em; color: var(--text); }
.logo-word .logo-sub { font-weight: 500; font-size: 0.86em; letter-spacing: -0.03em; color: var(--text-2); }

@media (max-width: 380px) {
  .logo-word { font-size: 17px; }
}