/* Ręczne poprawki jasnego motywu TitansMC.
   Automatyczne przeliczenie kolorów jest w motyw/jasny-auto.css (tools/generuj_motyw_jasny.py).
   Reguły tutaj używają :root[data-motyw="jasny"], więc wygrywają z wygenerowanymi. */

:root[data-motyw="jasny"] {
    color-scheme: light;
}

:root[data-motyw="ciemny"] {
    color-scheme: dark;
}

/* Przełącznik motywu: księżyc w jasnym trybie */
:root[data-motyw="jasny"] .motyw-przelacznik {
    color: #4f46e5;
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(15, 23, 42, 0.14);
}

:root[data-motyw="jasny"] .motyw-przelacznik:hover {
    background: #ffffff;
    border-color: rgba(79, 70, 229, 0.45);
}

/* Rozwijane menu mobilne */
@media (max-width: 900px) {
    :root[data-motyw="jasny"] .nav-drawer {
        background: rgba(255, 255, 255, 0.97);
        border-color: rgba(15, 23, 42, 0.12);
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
    }
}

/* Kolory wpisane w atrybutach style="" (nadpisywalne tylko przez !important) */
:root[data-motyw="jasny"] [style*="color: #b0b3b8"],
:root[data-motyw="jasny"] [style*="color:#b0b3b8"],
:root[data-motyw="jasny"] [style*="color: #b3bdd3"] {
    color: #475569 !important;
}

:root[data-motyw="jasny"] #nav-rank-name,
:root[data-motyw="jasny"] #nav-rank-name-mobile {
    color: #0f172a !important;
}

:root[data-motyw="jasny"] [style*="color: #2aa3ff"] {
    color: #0369a1 !important;
}

:root[data-motyw="jasny"] [style*="color: #f59e0b"] {
    color: #b45309 !important;
}

/* Hero: złoty napis TitansMC czytelny na jasnym tle */
:root[data-motyw="jasny"] body[data-page="home"] .hero-title__brand {
    background-image: linear-gradient(180deg, #f59e0b 0%, #d97706 48%, #9a4a07 100%);
    filter:
        drop-shadow(0 2px 0 rgba(120, 53, 15, 0.18))
        drop-shadow(0 14px 28px rgba(146, 64, 14, 0.16));
}

/* Komunikator: link "przejdź do komunikatora" na zielonym tle */
:root[data-motyw="jasny"] .kom-pomin {
    color: #04120a;
}

/* Sekcja trybu gry: czytelniejszy akcent na jasnym tle */
:root[data-motyw="jasny"] body[data-page="home"] .modes-kicker {
    color: #b91c1c;
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(185, 28, 28, 0.32);
}

:root[data-motyw="jasny"] body[data-page="home"] .mode-hero__features .mode-feature-icon {
    color: #b91c1c;
}

/* Menu (hamburger): podmenu jako wcięta lista, bez karty z cieniem */
:root[data-motyw="jasny"] header nav .nav-drawer .nav-podmenu {
    background: transparent;
    box-shadow: none;
    border-left-color: rgba(14, 116, 144, 0.3);
}

/* Menu na komputerze: biały panel pod przyciskiem */
@media (min-width: 901px) {
    :root[data-motyw="jasny"] header nav .nav-drawer .nav-links {
        background: rgba(255, 255, 255, 0.98);
        border-color: rgba(15, 23, 42, 0.12);
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
    }
}