/* 기본 스타일 초기화 */
* {
    box-sizing: border-box;
}

:root {
    /* 다크 테마 색상 변수 (기본값) */
    --bg-primary: #24262E;
    --bg-secondary: #2E303A;
    --bg-tertiary: #3A3D47;
    --bg-header: #1a1a1a;
    --bg-button: #1a1a1a;
    --bg-button-hover: #333;
    --text-primary: white;
    --text-secondary: #ccc;
    --border-color: #333;
    --border-dashed: #666;
    --accent: #4A9EFF;
    --accent-hover: #3A8EEF;
    --green: #78C869;     /* 상승 색상 */
    --red: #DA5C5C;       /* 하락 색상 */
    --yellow: #FFA502;
    --row-hover: #4A4A4A;
}

body.light {
    /* 라이트 테마 색상 변수 - market-overview와 동일 */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;
    --bg-header: #f8f9fa;
    --bg-button: #e9ecef;
    --bg-button-hover: #dee2e6;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;
    --border-dashed: #adb5bd;
    --accent: #4A9EFF;
    --accent-hover: #3A8EEF;
    --green: #28a745;     /* 상승 색상 - market-overview와 동일 */
    --red: #dc3545;       /* 하락 색상 - market-overview와 동일 */
    --yellow: #ffc107;
    --row-hover: #e9ecef;
}

/* body.dark는 명시적으로 설정하지 않아도 됨 (기본값이 다크) */
body.dark {
    /* 다크 테마 변수 재정의 (기본값과 동일) */
    --bg-primary: #24262E;
    --bg-secondary: #2E303A;
    --bg-tertiary: #3A3D47;
    --bg-header: #1a1a1a;
    --bg-button: #1a1a1a;
    --bg-button-hover: #333;
    --text-primary: white;
    --text-secondary: #ccc;
    --border-color: #333;
    --border-dashed: #666;
    --accent: #4A9EFF;
    --accent-hover: #3A8EEF;
    --green: #78C869;     /* 다크모드용 밝은 초록 */
    --red: #DA5C5C;       /* 하락 색상 */
    --yellow: #FFA502;
    --row-hover: #4A4A4A;
}

body {
    margin: 0;
    padding: clamp(10px, 2cqw, 20px);
    font-family: Arial, sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    /* transition: all 0.3s ease; 제거됨 - 테마 전환 애니메이션 없음 */
}

/* 색상 상태 클래스 */
.change-positive { color: var(--green); }          /* 상승 - 테마별 초록색 적용 */
.change-negative { color: var(--red); }            /* 하락 */
.change-neutral { color: var(--text-primary); }    /* 기본 텍스트 색상 - 중립 */