/* Simple Dark Theme - Minimal CSS */

:root {
    --bg-dark: #1a1a1a;
    --bg-darker: #0d0d0d;
    --text-light: #e6e6e6;
    --text-muted: #8b949e;
    --danger: #dc3545;
}

/* Dark background */
body.dark-theme {
    background: var(--bg-darker);
    color: var(--text-light);
    min-height: 100vh;
}

html {
    background: var(--bg-darker);
}

/* Main content wrapper */
.dark-theme .rh-page {
    background-color: var(--bg-dark);
    border: 1px solid var(--danger);
    border-radius: 0.5rem;
    padding: 1.5rem;
}

/* Text colors */
.dark-theme .text-light {
    color: var(--text-light) !important;
}

.dark-theme .text-muted {
    color: var(--text-muted) !important;
}

/* Cards - only custom ones */
.card.stats-card-red,
.card.stats-card-yellow,
.card.stats-card-blue,
.card.stats-card-green,
.card.action-card-red,
.card.action-card-green,
.card.action-card-blue,
.card.action-card-purple {
    background-color: #252525;
    border: 1px solid rgba(220, 53, 69, 0.3);
}

.dark-theme .card.bg-dark {
    background-color: var(--bg-dark);
    color: var(--text-light);
}

.card-header.bg-danger {
    background-color: var(--danger);
}

/* Buttons */
.dark-theme .btn-danger {
    background-color: var(--danger);
    border-color: var(--danger);
}

.dark-theme .btn-success {
    background-color: #198754;
}

.dark-theme .btn-info {
    background-color: #0dcaf0;
}

/* Forms */
.form-control.bg-dark {
    background-color: var(--bg-dark);
    border-color: #6c757d;
    color: var(--text-light);
}

.form-control.bg-dark:focus {
    background-color: var(--bg-dark);
    border-color: var(--danger);
    color: var(--text-light);
}

/* Navbar */
.navbar-dark.bg-dark {
    background-color: var(--bg-darker);
}

.dark-theme .nav-link {
    color: var(--text-light);
}

.dark-theme .nav-link:hover {
    color: var(--danger);
}

/* Tables */
.table-dark {
    --bs-table-bg: var(--bg-dark);
}

/* Footer */
footer.bg-dark {
    background-color: var(--bg-darker);
}

/* Ranked war calculator */
.ranked-war-calculator .card-body {
    padding: 1rem;
}

.ranked-war-calculator .table {
    font-size: 0.875rem;
}