/* CFM - Transformice Leaderboards & Community - Custom Theme */
:root {
    --cfm-bg: #1a1a2e;
    --cfm-bg2: #16213e;
    --cfm-card: #0f3460;
    --cfm-accent: #e94560;
    --cfm-text: #e0e0e0;
    --cfm-text2: #a0a0a0;
    --cfm-link: #53a8b6;
    --cfm-border: #2a2a4a;
}
body {
    background-color: var(--cfm-bg);
    color: var(--cfm-text);
    font-family: 'Segoe UI', Arial, sans-serif;
    line-height: 1.6;
}
a { color: var(--cfm-link); text-decoration: none; }
a:hover { color: var(--cfm-accent); text-decoration: underline; }
.navbar { background-color: var(--cfm-bg2) !important; border-bottom: 2px solid var(--cfm-accent); }
.navbar-brand { color: var(--cfm-accent) !important; font-weight: 700; font-size: 1.4rem; }
.nav-link { color: var(--cfm-text) !important; }
.nav-link:hover { color: var(--cfm-accent) !important; }
.card { background-color: var(--cfm-card); border: 1px solid var(--cfm-border); border-radius: 8px; }
.card-header { background-color: var(--cfm-bg2); border-bottom: 1px solid var(--cfm-border); color: var(--cfm-accent); }
.card-body { color: var(--cfm-text); }
.table { color: var(--cfm-text); }
.table thead th { background-color: var(--cfm-bg2); color: var(--cfm-accent); border-color: var(--cfm-border); }
.table td { border-color: var(--cfm-border); }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(15,52,96,0.3); }
.badge-primary { background-color: var(--cfm-accent); }
.btn-primary { background-color: var(--cfm-accent); border-color: var(--cfm-accent); }
.btn-primary:hover { background-color: #c73650; border-color: #c73650; }
.jumbotron, .hero { background: linear-gradient(135deg, var(--cfm-bg2) 0%, var(--cfm-card) 100%); color: var(--cfm-text); border-radius: 12px; padding: 2rem; }
h1, h2, h3, h4, h5, h6 { color: var(--cfm-text); }
footer { background-color: var(--cfm-bg2); border-top: 1px solid var(--cfm-border); padding: 1.5rem 0; color: var(--cfm-text2); margin-top: 3rem; }
.container { max-width: 1200px; }
.content-section { padding: 2rem 0; }
.sidebar { background-color: var(--cfm-card); border-radius: 8px; padding: 1.5rem; }
.breadcrumb { background-color: var(--cfm-bg2); }
.breadcrumb-item a { color: var(--cfm-link); }
.breadcrumb-item.active { color: var(--cfm-text2); }
.page-link { background-color: var(--cfm-card); border-color: var(--cfm-border); color: var(--cfm-text); }
.page-item.active .page-link { background-color: var(--cfm-accent); border-color: var(--cfm-accent); }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--cfm-bg); }
::-webkit-scrollbar-thumb { background: var(--cfm-card); border-radius: 4px; }
code { background-color: var(--cfm-bg2); color: var(--cfm-accent); padding: 2px 6px; border-radius: 3px; }
.search-box input { background-color: var(--cfm-card); border: 1px solid var(--cfm-border); color: var(--cfm-text); }
@media (max-width: 768px) { .container { padding: 0 15px; } }