/*
 * style-dachtraffic.css — was die Themes an REGELN aendern
 *
 * Nicht jede Themeabweichung ist ein Wert. Das barrierearme Theme
 * unterstreicht Verweise, verdickt Rahmen und setzt eigene Umrisse — das sind
 * Regeln, keine Farben, und deshalb stehen sie hier und nicht im Theme.
 *
 * Jede Regel ist mit :root[data-theme=…] qualifiziert und damit spezifischer
 * als ihre Basisregel in style.css. Die Datei darf deshalb per @import oben
 * eingebunden werden, obwohl sie inhaltlich „danach" kommt.
 *
 * -------------------------------
 * Autor:   Martin Kornmüller
 * Projekt: 4digEt
 * Version: 1.0.0
 */

:root[data-theme="light"] select option {
    background: #ffffff;
    color: #0f172a;
}

:root[data-theme="light"] ::-webkit-scrollbar-track { background: #f1f5f9; }

:root[data-theme="light"] ::-webkit-scrollbar-thumb { background: #cbd5e1; }

:root[data-theme="light"] .surf-blocked div,
:root[data-theme="light"] .surf-empty {
    background: #ffffff;
    border-color: #e2e8f0;
}

:root[data-theme="light"] .nav-brand a { color: var(--color-primary); }

:root[data-theme="accessible"] thead tr {
    background: var(--bg-tint);
    border-bottom: 0.125rem solid #333;
}

:root[data-theme="accessible"] th {
    color: #000000;
    font-size: 0.8rem;
}

:root[data-theme="accessible"] td {
    border-bottom-color: var(--border-soft);
    color: #000000;
}

:root[data-theme="accessible"] tr:hover td {
    background: #eaeaea;
}

:root[data-theme="accessible"] a {
    text-decoration: underline;
    text-underline-offset: 0.125rem;
}

:root[data-theme="accessible"] .nav-links a {
    text-decoration: none;  /* Navbar-Links: kein Underline (sind klar als Nav erkennbar) */
}

:root[data-theme="accessible"] *:focus-visible {
    outline: 0.1875rem solid #0055cc;
    outline-offset: 0.1875rem;
}

:root[data-theme="accessible"] .btn {
    border: 0.125rem solid transparent;
}

:root[data-theme="accessible"] .btn-primary {
    border-color: #003fa3;
}

:root[data-theme="accessible"] .btn-success {
    border-color: #004d00;
}

:root[data-theme="accessible"] .btn-danger {
    border-color: #8f0000;
}

:root[data-theme="accessible"] .btn-outline {
    border-color: #333333;
    color: #000000;
}

:root[data-theme="accessible"] .badge {
    border: 0.0625rem solid currentColor;
    font-weight: 800;
}

:root[data-theme="accessible"] input,
:root[data-theme="accessible"] select,
:root[data-theme="accessible"] textarea {
    border-width: 0.125rem;
    border-color: #333333;
    color: #000000;
    background: #ffffff;
}

:root[data-theme="accessible"] select option {
    background: #ffffff;
    color: #000000;
}

:root[data-theme="accessible"] .progress-bar {
    background: #0055cc;
}

:root[data-theme="accessible"] .nav-credits {
    background: #dce8ff;
    color: #0055cc !important;
    border: 0.0625rem solid #0055cc;
}

:root[data-theme="accessible"] .surf-timer {
    color: #000000;
    font-size: 2.2rem;
}

:root[data-theme="accessible"] .surf-timer.done       { color: #006600; }

:root[data-theme="accessible"] .surf-timer.phase-warn { color: #a65e00; }

:root[data-theme="accessible"] .surf-timer.phase-go   { color: #006600; }

:root[data-theme="accessible"] ::-webkit-scrollbar-track { background: #f0f0f0; }

:root[data-theme="accessible"] ::-webkit-scrollbar-thumb { background: #888888; }

:root[data-theme="light"] .referral-link-input,
:root[data-theme="accessible"] .referral-link-input {
    background: var(--primary-light);
    color: var(--color-primary);
}

:root[data-theme="accessible"] .challenge-img {
    border-width: 0.1875rem;
    border-color: #333333;
}

:root[data-theme="accessible"] .challenge-img:hover {
    border-color: #0055cc;
    outline: 0.1875rem solid #0055cc;
    outline-offset: 0.125rem;
}

:root[data-theme="accessible"] .challenge-img.challenge-selected {
    border-color: #0055cc !important;
    outline: 0.1875rem solid #0055cc;
    outline-offset: 0.125rem;
}

:root[data-theme="accessible"] .challenge-img.challenge-correct {
    border-color: #006600 !important;
    outline: 0.1875rem solid #006600;
}

:root[data-theme="accessible"] .challenge-img.challenge-wrong {
    border-color: #bb0000 !important;
}