/* ============================================================
   디자인 토큰 — 견적서·제안서 디자인표준 v2 웹 이식
   브랜드 액센트 교체: --accent 한 곳 + body.theme-* 클래스
   ============================================================ */
:root {
  /* 모노크롬 */
  --ink-dark: #111827;
  --ink: #1F2937;
  --mid: #6B7280;
  --light: #9CA3AF;
  --border: #E5E7EB;
  --bg-header: #F9FAFB;
  --bg-section: #F3F4F6;
  --bg-card: #F8F9FA;
  --white: #FFFFFF;

  /* 플랫폼 액센트 */
  --naver: #03C75A;   --naver-tint: #E9F9F0;
  --google: #1A73E8;  --google-tint: #F0F6FF;
  --insta: #E4405F;   --insta-tint: #FDEEF1;
  --xhs: #FF2442;     --xhs-tint: #FFECEF;
  --daangn: #FF6F0F;  --daangn-tint: #FFF3E9;
  --sns: #7C3AED;     --sns-tint: #F3EEFF;

  /* 브랜드 기본 액센트 (홈·가격·문의) */
  --accent: #111827;
  --accent-tint: #F3F4F6;

  /* 타이포 스케일 */
  --fs-h1: clamp(1.7rem, 4.5vw, 2.6rem);
  --fs-h2: clamp(1.3rem, 3vw, 1.75rem);
  --fs-h3: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.78rem;

  /* 간격·형태 */
  --sp-section: clamp(56px, 9vw, 96px);
  --radius-card: 20px;
  --radius-pill: 999px;
  --maxw: 1080px;
}

/* 페이지별 플랫폼 테마 — 컴포넌트는 var(--accent)만 참조 */
body.theme-naver  { --accent: var(--naver);  --accent-tint: var(--naver-tint); }
body.theme-google { --accent: var(--google); --accent-tint: var(--google-tint); }
body.theme-insta  { --accent: var(--insta);  --accent-tint: var(--insta-tint); }
body.theme-china  { --accent: var(--xhs);    --accent-tint: var(--xhs-tint); }
body.theme-daangn { --accent: var(--daangn); --accent-tint: var(--daangn-tint); }
body.theme-sns    { --accent: var(--sns);    --accent-tint: var(--sns-tint); }