/* 홈 대표색 — 파스텔 로즈 핑크 (2026-09-13 사장님 확정)
   승인 목업 = site_start/_mockup_brandcolor_2026-09-13.html?c=pink&b=3&g=pink (gitignore)
   배너 = 합의K 4/4(04.작업기록/_합의K_<역할>_2026-09-13.md) + 갈린 촬영 배너 바탕은 사장님 "연분홍"
   토큰은 design-tokens.css의 --brand / --brand-soft / --brand-deep.
   🔴 전화·검색 버튼 토마토(--accent)는 건드리지 않는다 — 확정 사항("무채 화면에서 전화 버튼이 1초에 보인다").
   :root를 붙이는 이유: index.html 안의 <style>이 이 파일보다 뒤에 읽혀, 같은 무게면 그쪽이 이긴다. */

/* ── 첫 화면 검색 영역: 대표색으로 화면 끝까지 (레이아웃은 그대로 — 그림자·잘라내기로 옆만 칠함) ── */
:root .modern-hero {
  background: var(--brand);
  box-shadow: 0 0 0 100vmax var(--brand);
  clip-path: inset(0 -100vmax);
}
:root .hero-badge { background: #FFFFFF; color: var(--brand-deep); }
:root .hero-title .text-highlight { color: var(--brand-deep); }
:root .hero-subtitle { color: rgba(26, 26, 26, 0.72); }
:root .hero-track-link { color: var(--brand-deep); }
:root .quick-tags .qtag { background: rgba(255, 255, 255, 0.7); }
:root .search-board { border-color: transparent; }

/* ── 선택 칩·하단 탭·분야 탭 ── */
:root .district-tab.active,
:root .season-tab.active { background: var(--brand-deep); border-color: var(--brand-deep); color: #FFFFFF; }
:root .mobile-tab .active { background: var(--brand-soft); color: var(--brand-deep); }
:root .bb-tab[aria-selected="true"] { border-bottom-color: var(--brand-deep); color: var(--brand-deep); }
:root .bb-rank { color: var(--brand-deep); }

/* ── 업장 사장님 대상 3곳(위 띠·체험장 칸·출강 배너): 흰 바탕 + 장미 선 + 장미 테두리 버튼 + '업장 광고' 작은 라벨 ── */
:root .owner-strip,
:root .banner.banner-owner { background: #FFFFFF; border: 1px solid rgba(156, 59, 85, 0.22); border-left: 3px solid var(--brand-deep); }
:root .owner-strip:hover { background: var(--brand-soft); }
:root .newsletter { background: #FFFFFF; border: 1px solid rgba(156, 59, 85, 0.22); }
:root .owner-strip-text strong,
:root .banner.banner-owner .banner-label { color: var(--brand-deep); }
:root .banner.banner-owner .banner-title { font-size: 25px; }
:root .owner-strip-cta,
:root .banner.banner-owner .btn-sm,
:root .newsletter .btn-primary { background: transparent; border: 1.5px solid var(--brand-deep); color: var(--brand-deep); box-shadow: none; }
:root .owner-strip:hover .owner-strip-cta,
:root .banner.banner-owner .btn-sm:hover,
:root .newsletter .btn-primary:hover { background: var(--brand-deep); color: #FFFFFF; }
:root .owner-strip-text::before,
:root .newsletter-copy::before { content: '업장 광고'; display: block; margin-bottom: 4px; font-size: 12px; font-weight: 600; color: var(--brand-deep); }

/* ── 졸업앨범(원장님 대상, 사장님 촬영 서비스): 연분홍 바탕 + 장미 채움 버튼 — 토마토는 '업장에 전화'의 뜻이라 쓰지 않는다 ── */
:root .banner:not(.banner-primary):not(.banner-owner) { background: var(--brand-soft); border: 1px solid rgba(156, 59, 85, 0.18); border-left: 6px solid var(--brand-deep); }
:root .banner:not(.banner-primary):not(.banner-owner) .banner-label,
:root .banner:not(.banner-primary):not(.banner-owner) .banner-link { color: var(--brand-deep); }
:root .banner:not(.banner-primary):not(.banner-owner) .btn-sm { background: var(--brand-deep); border: 1.5px solid var(--brand-deep); color: #FFFFFF; box-shadow: none; }
:root .banner:not(.banner-primary):not(.banner-owner) .btn-sm:hover { background: #7E2F45; border-color: #7E2F45; }

/* ── 바닥글 ── */
:root footer { background: var(--brand-soft); }