/* ========================================
   MLB Theme Overrides (reuses cs2.css components)
   ======================================== */

/* MLB Theme – navy & red baseball palette (replaces black UI) */
.mlb-theme {
    /* Backgrounds – deep MLB navy instead of black */
    --bg-primary: #0C2340;
    --bg-secondary: #132f4c;
    --bg-tertiary: #1a3a5c;
    --bg-card: #152d44;
    --bg-card-hover: #1e4976;

    /* Text – crisp on navy */
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;

    /* Borders – subtle blue-tinted */
    --border-color: rgba(255, 255, 255, 0.1);
    --border-color-hover: rgba(255, 255, 255, 0.18);

    /* Re-map the CS2 theme vars to MLB colors for shared components */
    --cs2-orange: #C41E3A; /* baseball red */
    --cs2-orange-dim: rgba(196, 30, 58, 0.2);
    --cs2-blue: #3b82f6;
    --cs2-blue-dim: rgba(59, 130, 246, 0.18);
    --cs2-purple: #22c55e;
    --cs2-purple-dim: rgba(34, 197, 94, 0.16);
    --cs2-red: #ef4444;
    --cs2-gold: #fbbf24;

    /* App accent – MLB blue */
    --accent-primary: var(--cs2-blue);
    --accent-primary-dim: var(--cs2-blue-dim);
    --accent-glow: rgba(59, 130, 246, 0.38);
}

/* MLB page background – navy base with subtle stadium-style gradient */
.mlb-theme,
.mlb-theme .dashboard-layout {
    background: linear-gradient(180deg, #0C2340 0%, #0a1628 50%, #0C2340 100%);
}
.mlb-theme .main-content {
    background: transparent;
}

/* Small label tweaks */
.mlb-icon {
    font-size: 1.1rem;
}

/* Make the badge look more “MLB” */
.mlb-theme .cs2-badge {
    background: linear-gradient(135deg, var(--cs2-blue), #60a5fa);
    color: #061225;
}

/* Value alert to match MLB palette */
.mlb-theme .value-alert {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(59, 130, 246, 0.05));
    border-color: rgba(59, 130, 246, 0.35);
}

.mlb-theme .alert-content strong {
    color: var(--cs2-blue);
}