/* =============================================================================
   PPC 공통 디자인 토큰
   모든 페이지에서 navbar.css 보다 먼저 로드된다.
   색/간격/타이포/그림자 값은 전부 여기서 관리한다.
   ============================================================================= */
:root {
  /* 뉴트럴 — 종이 느낌의 따뜻한 회색 계열 */
  --ink-900: #16181c;
  --ink-800: #23262b;
  --ink-700: #3d4148;
  --ink-500: #676d76;
  --ink-400: #8b919a;
  --ink-300: #b4b9c0;

  --surface:      #ffffff;
  --surface-alt:  #f7f6f3;
  --surface-sunk: #efeee9;
  --line:         #e5e5e0;
  --line-strong:  #d3d3cc;

  /* 액센트 — 지속가능 포장에 맞춘 차분한 그린 */
  --accent-700: #245640;
  --accent-600: #2f6b4f;
  --accent-500: #3a8362;
  --accent-400: #55a37f;
  --accent-050: #eef5f1;

  /* 타이포 */
  --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic",
               Roboto, sans-serif;

  --fs-eyebrow: 0.75rem;
  --fs-body-sm: 0.875rem;
  --fs-body:    1rem;
  --fs-lead:    clamp(1rem, 0.94rem + 0.3vw, 1.125rem);
  --fs-h3:      clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
  --fs-h2:      clamp(1.65rem, 1.35rem + 1.4vw, 2.5rem);
  --fs-hero:    clamp(2.1rem, 1.2rem + 4.2vw, 4.5rem);

  /* 간격 (8px 스케일) */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;   --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;     --sp-7: 2.5rem;   --sp-8: 3rem;
  --sp-9: 4rem;     --sp-10: 5.5rem;  --sp-11: 7rem;

  /* 모양 */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-full: 999px;

  --shadow-sm: 0 1px 2px rgba(22, 24, 28, 0.05),
               0 2px 8px rgba(22, 24, 28, 0.04);
  --shadow-md: 0 2px 4px rgba(22, 24, 28, 0.05),
               0 12px 28px rgba(22, 24, 28, 0.08);
  --shadow-lg: 0 4px 8px rgba(22, 24, 28, 0.06),
               0 24px 56px rgba(22, 24, 28, 0.12);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:  0.45s;

  --container: 1200px;
  --nav-h: 80px;
}