:root { --brand-gold: #D4AF37; }
[data-theme="dark"] {
    --bg-main: #0a0c10; --bg-secondary: #161b22; --text-primary: #f0f6fc;
    --text-secondary: #8b949e; --border-color: #30363d;
}
[data-theme="light"] {
    --bg-main: #ffffff; --bg-secondary: #f6f8fa; --text-primary: #1f2328;
    --text-secondary: #57606a; --border-color: #d0d7de;
}
body { background: var(--bg-main); color: var(--text-primary); transition: 0.3s; font-family: 'Inter', sans-serif; }
.navbar, .bg-secondary-alpha, .news-card { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; }
.text-gold { color: var(--brand-gold); }
.btn-outline-gold { border-color: var(--brand-gold); color: var(--brand-gold); border-radius: 8px; }
.btn-outline-gold:hover { background: var(--brand-gold); color: #000; }
.btn-gold { background: var(--brand-gold); color: #000; font-weight: bold; border-radius: 8px; }
.news-card { border-top: 3px solid var(--brand-gold); border-radius: 12px; transition: 0.3s; }
.news-card:hover { transform: translateY(-5px); border-color: var(--brand-gold); }
.nav-pills .nav-link.active { background: var(--brand-gold); color: #000; font-weight: bold; }
.trend-tag { color: var(--text-secondary); padding: 5px 12px; border-radius: 20px; transition: 0.2s; }
.trend-tag:hover { border-color: var(--brand-gold) !important; color: var(--brand-gold) !important; }
.w-fit { width: fit-content; }