@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

:root {
    /* 포인트 컬러 (유지) */
    --blue: #3b82f6;
    --blue-light: rgba(59, 130, 246, 0.1);
    --red: #ef4444;
    --green: #10b981;
    --premium: #818cf8;
    --premium-light: rgba(129, 140, 248, 0.15);

    /* 다크 테마 배경 및 텍스트 컬러 */
    --surface: #1e1e1e;
    --surface-2: #121212;
    --border: #333333;
    --border-2: #404040;
    --text-1: #f8fafc;
    --text-2: #94a3b8;
    --text-3: #64748b;
    
    --radius: 14px;
    --radius-sm: 8px;
}

*, body { font-family: 'Pretendard Variable', 'Pretendard', -apple-system, sans-serif !important; }

body { 
    background-color: var(--surface-2) !important; 
    color: var(--text-1) !important;
}

/* 카드 공통 스타일 */
.cat-btn, .stat-card, .prem-card, .hot-card, .list-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    transition: all .18s ease;
}

/* 섹션 타이틀 및 텍스트 공통 */
.sec-title, .cat-name, .stat-value, .prem-title, .hot-title, .list-title {
    color: var(--text-1);
}

.sec-subtitle, .cat-sub, .stat-label, .card-seller, .list-seller {
    color: var(--text-2);
}

/* 호버 효과 (어두운 배경에 맞게 그림자 조정) */
.cat-btn:hover, .hot-card:hover, .list-card:hover {
    border-color: var(--blue);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
    transform: translateY(-3px);
}

.prem-card:hover {
    border-color: var(--premium);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    transform: translateY(-3px);
}

/* 실시간 거래 배너 */
.ticker-wrap {
    background: var(--surface);
    border: 1px solid var(--border);
}
.ticker-item .name, .ticker-item .amt { color: var(--text-1); }
.ticker-item .shop { color: var(--blue); }

/* 탭 버튼 및 더보기 버튼 */
.tab-btn, .load-more {
    background: var(--surface);
    border: 1px solid var(--border);
    color: var(--text-2);
}
.tab-btn.active {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}
.load-more:hover {
    border-color: var(--blue);
    color: var(--blue);
}