:root {
  /* 배경 */
  --bg-primary: #0A0A0F;
  --bg-secondary: #12121A;
  --bg-card: #1A1A2E;
  --bg-overlay: rgba(0, 0, 0, 0.7);

  /* 티어 색상 */
  --tier-s: #FFD700;
  --tier-a: #A855F7;
  --tier-b: #6B7280;
  --tier-c: #EF4444;

  /* 티어 글로우 */
  --tier-s-glow: 0 0 20px rgba(255, 215, 0, 0.5);
  --tier-a-glow: 0 0 20px rgba(168, 85, 247, 0.5);
  --tier-b-glow: none;
  --tier-c-glow: 0 0 20px rgba(239, 68, 68, 0.5);

  /* 포인트 */
  --accent-primary: #FF6B35;
  --accent-neon: #00F0FF;
  --accent-fire: #FF4444;
  --accent-primary-glow: 0 0 30px rgba(255, 107, 53, 0.4);
  --accent-neon-glow: 0 0 30px rgba(0, 240, 255, 0.4);

  /* 텍스트 */
  --text-primary: #FFFFFF;
  --text-secondary: #9CA3AF;
  --text-disment: #F3F4F6;
  --text-muted: #6B7280;

  /* 폰트 */
  --font-display: 'Black Han Sans', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
  --font-disment: 'Gmarket Sans', sans-serif;

  /* 간격 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;

  /* 레이아웃 */
  --max-width: 480px;
  --border-radius: 12px;
  --border-radius-sm: 8px;
  --border-radius-lg: 16px;

  /* 트랜지션 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}

/* 언어별 폰트 오버라이드 */
html[lang="ko"] {
  --font-body: 'Noto Sans KR', sans-serif;
}

html[lang="en"] {
  --font-body: 'Inter', 'Noto Sans KR', sans-serif;
}