:root {
    --ua-blue:   #005BBB;
    --ua-yellow: #FFD700;
}

body {
    background: #f8f9fa;
    color: #1a1a1a;
    font-family: 'Inter', sans-serif;
}

/* Navbar */
.navbar { background: var(--ua-blue) !important; border-bottom: 4px solid var(--ua-yellow); }
.navbar .nav-link { color: rgba(255,255,255,.9) !important; font-weight: 500; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--ua-yellow) !important; }
.btn-add-site { background: var(--ua-yellow); color: #000; font-weight: 700; border: none; }
.btn-add-site:hover { background: #e6c200; color: #000; }

/* Lang switcher */
.lang-switcher a { color: rgba(255,255,255,.7); text-decoration: none; font-size: .85rem; }
.lang-switcher a.active { color: var(--ua-yellow); font-weight: 700; }
.lang-switcher span { color: rgba(255,255,255,.4); }

/* Period tabs */
.period-tabs .nav-link { color: var(--ua-blue); border-color: #dee2e6; }
.period-tabs .nav-link.active { background: var(--ua-blue); color: #fff; border-color: var(--ua-blue); }

/* Rank badge */
.rank-badge { font-weight: 700; color: var(--ua-blue); min-width: 2rem; display: inline-block; }
.rank-1 { color: #FFD700; }
.rank-2 { color: #C0C0C0; }
.rank-3 { color: #CD7F32; }

/* Site page */
.stat-card { border-top: 3px solid var(--ua-blue); }
.stat-value { font-size: 1.8rem; font-weight: 700; color: var(--ua-blue); }
.stat-label { color: #666; font-size: .85rem; }

/* Counter code */
.counter-code { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; padding: 1rem; font-family: monospace; font-size: .8rem; }

/* Footer */
footer { background: var(--ua-blue); color: rgba(255,255,255,.8); padding: 1.5rem 0; margin-top: 3rem; border-top: 4px solid var(--ua-yellow); }
footer a { color: var(--ua-yellow); }

/* Dark mode */
body.dark-mode { background: #0f0f0f !important; color: #e0e0e0 !important; }
body.dark-mode .navbar { background: #111 !important; border-bottom-color: #FFD700; }
body.dark-mode main { background: #0f0f0f; }
body.dark-mode .card { background: #1a1a1a !important; border-color: #2a2a2a !important; }
body.dark-mode .card-body { background: #1a1a1a; }
body.dark-mode .stat-value { color: #5b9bd5 !important; }
body.dark-mode .stat-label { color: #888 !important; }
body.dark-mode .text-muted { color: #888 !important; }
body.dark-mode .period-tabs .nav-link { color: #aaa; border-color: #333; }
body.dark-mode .period-tabs .nav-link.active { background: #005BBB; color: #fff; }
body.dark-mode .btn-outline-secondary { color: #aaa; border-color: #444; }
body.dark-mode .dropdown-menu { background: #1a1a1a; border-color: #333; }
body.dark-mode .dropdown-item { color: #e0e0e0; }
body.dark-mode .dropdown-item:hover { background: #2a2a2a; }
body.dark-mode .progress { background: #2a2a2a; }
body.dark-mode footer { background: #111 !important; }
body.dark-mode .page-link { background: #1a1a1a; border-color: #333; color: #aaa; }
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 { color: #e0e0e0; }

@media (max-width: 768px) {
    .stat-value { font-size: 1.3rem; }
}