/* ==========================================================
   디자인 토큰 — wsQf-PDF
   라이트: 차분한 톤(채도 낮춘 블루, 소프트 그레이)
   다크: [data-theme="dark"] 또는 시스템 다크 모드 자동 적용
   ========================================================== */
:root {
  /* 차분한 블루 계열 강조색 */
  --primary: #4A79B0;
  --primary-deep: #375E8C;
  --text: #2C2C2E;
  --sub: #737378;
  --bg: #FFFFFF;
  --surface: #F3F3F5;
  --border: rgba(0, 0, 0, 0.09);

  /* 은은한 글래스 재질 (헤더·사이드바 등 일부 요소에만) */
  --glass: rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(255, 255, 255, 0.6);
  --blur: saturate(140%) blur(14px);

  --primary-soft: rgba(74, 121, 176, 0.10);
  --danger: #C15850;
  --danger-soft: rgba(193, 88, 80, 0.09);
  --success: #4C8F63;

  --radius-pill: 999px;
  --radius-card: 12px;

  --font-body: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter',
               'Apple SD Gothic Neo', 'Pretendard', 'Malgun Gothic', sans-serif;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* 시스템이 다크 모드이고 사용자가 라이트를 강제하지 않은 경우 자동 적용 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #6F9BD1;
    --primary-deep: #8FB2DE;
    --text: #E4E4E7;
    --sub: #98989F;
    --bg: #1C1C1E;
    --surface: #262628;
    --border: rgba(255, 255, 255, 0.10);

    --glass: rgba(38, 38, 40, 0.70);
    --glass-strong: rgba(44, 44, 47, 0.88);
    --glass-border: rgba(255, 255, 255, 0.08);

    --primary-soft: rgba(111, 155, 209, 0.16);
    --danger: #D68880;
    --danger-soft: rgba(214, 136, 128, 0.14);
    --success: #7FBB93;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  }
}

/* 사용자가 명시적으로 다크 모드를 선택한 경우 */
:root[data-theme="dark"] {
  --primary: #6F9BD1;
  --primary-deep: #8FB2DE;
  --text: #E4E4E7;
  --sub: #98989F;
  --bg: #1C1C1E;
  --surface: #262628;
  --border: rgba(255, 255, 255, 0.10);

  --glass: rgba(38, 38, 40, 0.70);
  --glass-strong: rgba(44, 44, 47, 0.88);
  --glass-border: rgba(255, 255, 255, 0.08);

  --primary-soft: rgba(111, 155, 209, 0.16);
  --danger: #D68880;
  --danger-soft: rgba(214, 136, 128, 0.14);
  --success: #7FBB93;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
}