/* ── 디자인 토큰 ── 여기만 바꾸면 전체 테마 변경 */
:root {
  /* 배경 */
  --bg-deep:         #00000f;
  --bg-void:         #030312;
  --bg-panel:        #080820;
  --bg-panel-header: #0c0c2a;
  --bg-input:        rgba(255, 255, 255, 0.05);
  --bg-hover:        rgba(100, 140, 255, 0.08);
  --bg-active:       rgba(100, 140, 255, 0.16);
  --bg-modal:        #060618;
  --bg-search:       rgba(12, 12, 36, 0.92);

  /* 텍스트 */
  --text-primary:  #eaeeff;
  --text-secondary: rgba(180, 200, 255, 0.72);
  --text-muted:     rgba(130, 160, 255, 0.42);
  --text-accent:    #6eb3ff;
  --text-on-accent: #ffffff;

  /* 액센트 */
  --accent-blue:    #4a9eff;
  --accent-purple:  #8b5cf6;
  --accent-teal:    #2dd4bf;
  --accent-gradient: linear-gradient(135deg, #4a9eff 0%, #8b5cf6 100%);

  /* 보더 */
  --border:       rgba(100, 140, 255, 0.12);
  --border-hover: rgba(100, 140, 255, 0.28);
  --border-focus: rgba(100, 140, 255, 0.55);

  /* 그림자 / 글로우 */
  --shadow-panel:  0 0 60px rgba(0, 0, 30, 0.8);
  --shadow-modal:  0 24px 64px rgba(0, 0, 40, 0.7);
  --shadow-search: 0 8px 32px rgba(0, 0, 20, 0.8), 0 0 0 1px var(--border);
  --glow-blue:     0 0 20px rgba(74, 158, 255, 0.35);
  --glow-accent:   0 0 12px rgba(74, 158, 255, 0.2);

  /* 타이포그래피 */
  /* Inter 에는 한글이 없다. 한글 폰트를 안 적어두면 마지막 sans-serif 로
     떨어지는데, 리눅스에서 그게 Noto Sans CJK **JP** 로 잡힌다(실측).
     자모는 같아 티가 안 나지만 한자가 일본식 자형으로 나온다. KR 을 먼저 부른다. */
  --font-sans: 'Inter', 'Noto Sans KR', 'Noto Sans CJK KR',
               'Apple SD Gothic Neo', 'Malgun Gothic',
               -apple-system, BlinkMacSystemFont, sans-serif;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   17px;
  --text-xl:   20px;
  --text-2xl:  24px;

  --weight-normal:   400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  --leading-tight:   1.3;
  --leading-normal:  1.55;
  --leading-relaxed: 1.75;

  /* 간격 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* 반경 */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-full: 9999px;

  /* 패널 */
  --panel-w:   380px;
  --panel-min: 280px;
  --panel-max: 600px;

  /* 트랜지션 */
  --t-fast:   150ms ease;
  --t-normal: 250ms ease;
  --t-slow:   350ms cubic-bezier(0.4, 0, 0.2, 1);
}