/*
 * Dark – dunkle Weiterentwicklung des Warm-Skins: gleiche freundliche
 * Formsprache, auf dunklen Grund gedreht, warmer Akzent angehoben.
 */
body.theme-dark {
    --page-bg: #1b1714;
    --surface: #262019;
    --text: #f3e9dd;
    --muted: #b9a78f;
    --accent: #e2793f;
    --accent-text: #201409;
    --border: #4a4033;
    --success: #33402a;
    --danger: #4a2420;
    --radius: 22px;
    --font: ui-rounded, 'Trebuchet MS', sans-serif;
    --accent-alt: #e2793f;
    --header-bg: #221c17;
    --header-text: #f3e9dd;
    --footer-bg: #151110;
    --footer-text: #e8dccd;

    /* #004b76 hat auf #262019 einen Kontrast von rund 1.5:1 und ist
       damit unlesbar. Gleiche Farbfamilie, weit genug aufgehellt. */
    --klartext: #7cb4d8;
    --klartext-flaeche: rgba(124, 180, 216, .1);
}

/*
 * Die Kartenschatten aus frontend.css sind für helle Flächen gedacht und
 * verschwinden auf dunklem Grund – hier durch sichtbare Tiefe ersetzen.
 */
body.theme-dark .card {
    border: 1px solid var(--border);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .55);
}
body.theme-dark .test-card:hover { box-shadow: 0 14px 36px rgba(0, 0, 0, .6); }

body.theme-dark .site-header { border-bottom: 1px solid var(--border); }
body.theme-dark .brand-lines { border-left-color: var(--border); }
body.theme-dark .site-footer { border-top: 1px solid var(--border); }
body.theme-dark .stamp { color: #201409; }
body.theme-dark ::selection { background: var(--accent); color: var(--accent-text); }