/* ============================================================
   tokens.css — CSS 변수 선언만 (:root 변수만)
   ⚠️ 이 파일에 selector 없음. 변수 선언만.
   ============================================================ */

:root {
  /* ── 색상 (S3.45 DEF-S345-3: manus.im 본격 차용 = 라이트 기본 영구 정합)
   * 외부 자료: https://manus.im/brand (white/gray/black 3 tone + #34322D text)
   * 권민준씨 명시 "라이트 + 다크 토글 (사용자 결정)" — 기본 라이트 + [data-theme="dark"] 토글 */
  --nv-bg:          #FFFFFF;  /* manus 라이트 bg = 흰색 단독 */
  --nv-bg-2:        #F8F8F8;  /* manus subtle gray */
  --nv-bg-3:        #F0F0F0;
  --nv-surface:     #FFFFFF;
  --nv-border:      #E5E5E7;
  --nv-text:        #34322D;  /* manus 표준 — text + dark bg color */
  --nv-text-2:      #6B6960;
  --nv-text-3:      #9B988F;
  --nv-text-muted:  #BCBAB0;

  /* ── 브랜드 (manus.im 표준 정합 — white/gray/black 3 tone) */
  --nv-primary:     #34322D;  /* manus text + dark = primary accent */
  --nv-primary-h:   #1A1A18;  /* hover = darker */
  --nv-secondary:   #6B6960;
  --nv-accent:      #34322D;  /* manus 표준 — 단일 dark accent */

  /* ── 상태 ── */
  --nv-success:     #4CAF50;
  --nv-warning:     #FFC107;
  --nv-error:       #F44336;
  --nv-info:        #2196F3;

  /* ── 재화 ── */
  --nv-nvc:         #FFD700;
  --nv-points:      #A8FF78;
  --nv-ticket:      #FF9A9E;

  /* ── 티어 ── */
  --tier-free:      #6B6C80;
  --tier-basic:     #78C1F3;
  --tier-pro:       #6C63FF;
  --tier-business:  #00D2C8;
  --tier-premium:   #FFD700;
  --tier-vip:       #FF6B6B;
  --tier-master:    #FF6B6B;

  /* ── 길드 ── */
  --guild-bronze:   #CD7F32;
  --guild-silver:   #C0C0C0;
  --guild-gold:     #FFD700;
  --guild-diamond:  #B9F2FF;
  --guild-accent:   var(--guild-bronze);

  /* ── 타이포그래피 (S3.45 DEF-S345-3: manus.im 본격 차용 + 권민준씨 명시 정합)
   * 외부 자료: https://manus.im/brand
   * 권민준씨 명시 2026-05-26 KST = body system-ui 단독 + h1 LibreBaskerville
   * --nv-font (body) = system-ui 단독 (DM Sans 영구 폐기 — manus 표준 안 sans-serif ↔ 권민준씨 결정 우선)
   * --nv-font-serif (h1 + titles) = LibreBaskerville 영구 (manus 정합)
   * Asian scripts = Noto Sans KR (body) + Noto Serif KR (titles) */
  --nv-font:        -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', system-ui, Helvetica, Arial, sans-serif;
  --nv-font-serif:  'Libre Baskerville', 'Noto Serif KR', Georgia, Cambria, 'Times New Roman', serif;
  --nv-font-mono:   'JetBrains Mono', 'Fira Code', monospace;
  --nv-text-xs:     0.75rem;
  --nv-text-sm:     0.875rem;
  --nv-text-base:   1rem;
  --nv-text-lg:     1.125rem;
  --nv-text-xl:     1.25rem;
  --nv-text-2xl:    1.5rem;
  --nv-text-3xl:    1.875rem;
  --nv-fw-normal:   400;
  --nv-fw-medium:   500;
  --nv-fw-semibold: 600;
  --nv-fw-bold:     700;
  --nv-lh-tight:    1.25;
  --nv-lh-normal:   1.5;
  --nv-lh-relaxed:  1.75;

  /* ── 스페이싱 ── */
  --nv-sp-1:  0.25rem;
  --nv-sp-2:  0.5rem;
  --nv-sp-3:  0.75rem;
  --nv-sp-4:  1rem;
  --nv-sp-5:  1.25rem;
  --nv-sp-6:  1.5rem;
  --nv-sp-8:  2rem;
  --nv-sp-10: 2.5rem;
  --nv-sp-12: 3rem;
  --nv-sp-16: 4rem;

  /* ── 반경 ── */
  --nv-r-sm:   4px;
  --nv-r-md:   8px;
  --nv-r-lg:   12px;
  --nv-r-xl:   16px;
  --nv-r-2xl:  24px;
  --nv-r-full: 9999px;

  /* ── 그림자 ── */
  --nv-shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --nv-shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --nv-shadow-lg: 0 8px 32px rgba(0,0,0,0.5);

  /* ── Z-index 중앙 통제 ── */
  --z-base:    1;
  --z-nav:     100;
  --z-sidebar: 200;
  --z-overlay: 500;
  --z-modal:   700;
  --z-toast:   999;
  --z-alice:   1000;

  /* ── 레이아웃 치수 ── */
  --nv-nav-w:      56px;
  --nv-nav-w-open: 200px;
  --nv-header-h:   56px;
  --nv-bottom-h:   60px;

  /* ── 트랜지션 ── */
  --nv-tr-fast:   150ms ease;
  --nv-tr-normal: 250ms ease;
  --nv-tr-slow:   400ms ease;
}

/* ── 다크 테마 토글 (S3.45 DEF-S345-3 — 라이트 기본 ↔ 다크 토글 / 권민준씨 명시 정합) ── */
[data-theme="dark"] {
  --nv-bg:        #16171C;
  --nv-bg-2:      #1E1F26;
  --nv-bg-3:      #25262F;
  --nv-surface:   #2C2D38;
  --nv-border:    #3A3B48;
  --nv-text:      #FFFFFF;
  --nv-text-2:    #B0B1C3;
  --nv-text-3:    #6B6C80;
  --nv-text-muted:#4A4B5C;
  --nv-shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --nv-shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --nv-shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
}

/* ── 길드 티어 테마 ── */
[data-guild-tier="silver"]  { --guild-accent: var(--guild-silver); }
[data-guild-tier="gold"]    { --guild-accent: var(--guild-gold); }
[data-guild-tier="diamond"] { --guild-accent: var(--guild-diamond); }