/* =====================================================================
   The BAN INVESTMENT · Design Tokens
   순흑 금지: 차콜 잉크(#0D0E10) + 웜페이퍼(#FAFAF8) + 쿨실버(2%) + 1px 헤어라인
   라이트=정본 본문 / 다크=표지·히어로·강조. 섹션 .section--dark 로 토글.
   ===================================================================== */

:root {
  /* ── LIGHT (정본 본문) · 웜뉴트럴 페이퍼 ── */
  --bg-page:        #FAFAF8;
  --bg-surface:     #F4F2EC;
  --bg-sunken:      #EFEDE6;

  --text-1:         #15161A;
  --text-2:         #5A5E66;
  --text-3:         #8A8F98;

  --hairline:       #E2DFD8;
  --hairline-strong:#1A1A1A;
  --border-field:   #D6D2C8;

  /* ── ACCENT · 쿨 실버/플래티넘 (희소) ── */
  --silver:         #8A8F98;
  --silver-bright:  #C7CBD1;
  --silver-grad-a:  #E8EAED;
  --silver-grad-b:  #A9AEB5;
  --platinum:       #6E747C;

  --focus-ring:     #15161A;
  --link:           #15161A;

  /* ── Typography ── */
  --font-serif-en:  'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-serif-ko:  'Noto Serif KR', 'Cormorant Garamond', serif; /* upgrade: Arita Buri */
  --font-sans:      'Pretendard', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-display: clamp(48px, 8vw, 104px);
  --fs-h1:      clamp(36px, 6vw, 76px);
  --fs-h2:      clamp(28px, 4vw, 48px);
  --fs-h3:      clamp(21px, 2.6vw, 30px);
  --fs-stat:    clamp(44px, 6vw, 88px);
  --fs-lead:    clamp(18px, 1.6vw, 22px);
  --fs-body:    17px;
  --fs-body-sm: 15px;
  --fs-caption: 13px;
  --fs-kicker:  12px;

  /* ── Spacing (8pt) ── */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px; --sp-11:160px; --sp-12:200px;

  --container:        1180px;
  --container-narrow: 760px;
  --gutter:           24px;
  --margin-desk:      clamp(20px, 6vw, 120px);

  /* ── Line / radius / shadow ── */
  --line-w:    1px;
  --radius:    0px;
  --radius-soft: 2px;
  --elevate-dark: 0 24px 80px -32px rgba(0,0,0,.7);

  /* ── Motion ── */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-reveal: 0.85s;
  --dur-ui:     0.45s;
  --dur-page:   0.35s;
  --stagger:    90ms;

  /* ── Header ── */
  --header-h:      72px;
  --header-h-slim: 56px;
}

/* ── DARK ground · 차콜 잉크 (히어로·철학·로드맵·오피스·푸터) ── */
.section--dark, [data-theme="dark"] {
  --bg-page:        #0D0E10;
  --bg-surface:     #121316;
  --bg-sunken:      #070708;

  --text-1:         #F4F5F7;
  --text-2:         #9AA0A8;
  --text-3:         #5A5E66;

  --hairline:       rgba(255,255,255,0.10);
  --hairline-strong:rgba(255,255,255,0.22);
  --border-field:   rgba(255,255,255,0.14);

  --silver:         #C7CBD1;
  --silver-bright:  #E8EAED;
  --platinum:       #9AA0A8;

  --focus-ring:     #C7CBD1;
  --link:           #F4F5F7;
}