/* ========================================
   成人成事財經簡報 - 主题与暗色模式
   ======================================== */

/* ---- Dark Mode Overrides ---- */
@media (prefers-color-scheme: dark) {
    body, .app {
        background: #1c1c1e;
    }
    
    /* Cards */
    .card,
    .coin-card,
    .index-card,
    .metal-card,
    .rate-card,
    .news-card {
        background: #2c2c2e;
        border-color: rgba(255, 255, 255, 0.07);
    }
    
    /* Skeleton */
    .skeleton {
        background: #3a3a3c;
    }
    
    /* Text */
    .coin-name,
    .index-name,
    .metal-name,
    .rate-name {
        color: #aeaeb2;
    }
    
    .meta-item {
        color: #aeaeb2;
    }
    
    .meta-val,
    .coin-price,
    .index-val,
    .metal-price,
    .rate-val,
    .stock-name,
    .stock-price,
    .macro-name,
    .macro-val,
    .fx-pair {
        color: #f2f2f7;
    }
    
    /* Dividers */
    .mover-row,
    .stock-row,
    .macro-row,
    .fx-row {
        border-color: rgba(255, 255, 255, 0.07);
    }
    
    /* Labels */
    .section-label {
        color: #636366;
    }
    
    .stock-code {
        color: #636366;
    }
}

/* ---- News Tag Colors (Light Mode) ---- */
.news-tag.breaking {
    background: #fff1f0;
    color: #ff3b30;
}

.news-tag.tech {
    background: #f0f4ff;
    color: #4b7bff;
}

.news-tag.market {
    background: #f0fff4;
    color: #34c759;
}

.news-tag.macro {
    background: #fffbf0;
    color: #ff9500;
}

/* ---- News Tag Colors (Dark Mode) ---- */
@media (prefers-color-scheme: dark) {
    .news-tag.breaking {
        background: #3a1a1a;
        color: #ff6b6b;
    }
    
    .news-tag.tech {
        background: #1a2040;
        color: #7b9fff;
    }
    
    .news-tag.market {
        background: #1a2e1a;
        color: #5dd97a;
    }
    
    .news-tag.macro {
        background: #2e2210;
        color: #ffb340;
    }
    
    /* News Card Dark Mode */
    .news-card {
        background: #2c2c2e;
        border-color: rgba(255, 255, 255, 0.07);
    }
    
    .news-title {
        color: #f2f2f7;
    }
    
    .news-desc {
        color: #aeaeb2;
    }
    
    /* Filter Buttons */
    .news-filter-btn {
        background: #2c2c2e;
        border-color: rgba(255, 255, 255, 0.15);
        color: #aeaeb2;
    }
    
    .news-filter-btn.active {
        background: #007aff;
        color: #fff;
        border-color: #007aff;
    }
    
    /* Metal & Rate Cards */
    .metal-card,
    .rate-card {
        background: #2c2c2e;
        border-color: rgba(255, 255, 255, 0.07);
    }
    
    .metal-name,
    .rate-name {
        color: #aeaeb2;
    }
    
    .metal-price,
    .rate-val {
        color: #f2f2f7;
    }
}