/* CSS 변수 정의 - 테마별 색상 관리 */
:root {
    /* 라이트 모드 색상 */
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --text-primary: #333333;
    --text-secondary: #666666;
    --border-color: #e0e0e0;
    --accent-color: #4a90e2;
    --hover-color: #f0f0f0;
    
    /* 공통 */
    --border-radius: 8px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    
    /* 광고 배너 (사용 안함) */
    --ad-banner-width: 0px;     /* 광고 비활성화 */
    --ad-banner-gap: 0px;       /* 간격 제거 */
    --content-padding: 60px;    /* 콘텐츠 좌우 여백 (15% 축소) */
}

/* 다크 모드 색상 */
[data-theme="dark"] {
    --bg-primary: #1a1a1a;
    --bg-secondary: #2a2a2a;
    --text-primary: #e0e0e0;
    --text-secondary: #a0a0a0;
    --border-color: #404040;
    --accent-color: #5aa3f0;
    --hover-color: #333333;
}