/* ============================================================
   D5 — P-K 「카카오뱅크 메커니즘 번역」 디자인 토큰
   @SPEC d5-plan/A6-pk-kakaobank-mechanism.md
   톤 = 화이트 배경·다크 텍스트·오렌지 CTA/칩(텍스트색 금지). d3-b-sunlit 라이트존 팔레트 승계(중복 정의 금지).
   ============================================================ */
:root{
  /* DG2-fix §4-② (2026-09-15) — 렌즈4 결함 #5. `<meta name="color-scheme">`만으로는 computed color-scheme이
     `normal`이라 OS 다크모드에서 폼 컨트롤·스크롤바가 반전된다. index·guide는 각자 선언이 있었지만
     promotion·faq·contact는 shell.css를 안 읽는다(tokens.css만) → 전 페이지 단일 지점 = 여기.
     선언 1줄·팔레트 영향 0(변수 추가/변경 없음). */
  color-scheme: light;

  --orange-50:  #FFF4EC;
  --orange-100: #FFE8D9;
  --orange-500: #FF6905;
  --orange-600: #E85F04;
  --orange-700: #B34400; /* 텍스트 전용(AA) */

  --ink:      #1A1A1A;
  --ink-soft: #4A4A4A;
  --ink-ui:   #767E8C;
  --bg:       #FFFFFF;
  --bg-warm:  #F7F4EF;
  --bg-band:  #F5F5F5;
  --line:     #E6E6E6;
  --line-warm: #EBE6DE;
  --bg-warm-hover: #FAF7F2;

  --font-sans: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Bricolage Grotesque', var(--font-sans);
  --font-mono: 'SFMono-Regular', 'Roboto Mono', Consolas, Menlo, monospace;

  --fs-h1: clamp(40px, 5.2vw + 8px, 72px);
  --fs-h2: clamp(22px, 1.5vw + 16px, 32px);
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12px;
  --lh-tight: 1.3;
  --lh-body: 1.6;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px;

  --container: 1280px;
  --gutter: 24px;
  --gnb-h: 64px;

  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-card:22px; --r-pill:999px;

  --shadow-card: 0 8px 24px rgba(26,26,26,.08), 0 2px 6px rgba(26,26,26,.04);

  --dur-fast: 150ms;
  --dur-base: 220ms;
  --dur-slow: 600ms;
  --dur-reveal: 700ms;
  --dur-slide: 900ms;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-inout: cubic-bezier(.65,0,.35,1);
  --ease-power3: cubic-bezier(.215,.61,.355,1);

  --focus-ring: var(--orange-700);
}

@media (min-width:1440px){
  :root{
    --gutter: 40px;
    --fs-h1: 84px;
  }
}