/* ==========================================================================
   Theme - Light Mode (Default)
   라이트 테마 색상 정의
   ========================================================================== */

/*
 * 라이트 모드는 design_system/colors.css에 :root로 정의되어 있습니다.
 * 이 파일은 테마 전환을 위한 명시적 선언을 제공합니다.
 */

:root {
  /* ---------------------------------------------------------------------------
     색상 체계 - 라이트 모드
     --------------------------------------------------------------------------- */

  /* 배경 */
  --theme-bg-primary: #FFFFFF;
  --theme-bg-secondary: #FFFFFF;
  --theme-bg-tertiary: #E8E8E8;
  --theme-bg-card: #FFFFFF;

  /* 텍스트 */
  --theme-text-primary: #2D2D2D;
  --theme-text-secondary: #8D8A86;
  --theme-text-muted: #8D8A86;
  --theme-text-inverse: #FFFFFF;

  /* 테두리 */
  --theme-border-soft: #E0E0DE;
  --theme-border-light: #FFFFFF;

  /* 오버레이 */
  --theme-overlay: rgba(0, 0, 0, 0.5);
  --theme-glass: rgba(255, 255, 255, 0.9);

  /* 그림자 */
  --theme-shadow-soft: 0 0 10px rgba(239, 228, 211, 0.25);
  --theme-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.05);
  --theme-shadow-dropdown: 0 4px 20px rgba(0, 0, 0, 0.15);
  --theme-shadow-modal: 0 -4px 20px rgba(0, 0, 0, 0.15);
}