/* ================================
   THEME – NRW Classic Color System
================================ */

:root {

    /* ===== Backgrounds ===== */

    --bg-body: rgba(49, 56, 64, 0.8); /* alter Body Hintergrund */
    --bg-surface: rgba(23, 29, 36, 0.8); /* alte Gruppenfläche */
    --bg-elevated: rgba(49, 56, 64, 0.8); /* alte dunkle Fläche */

    /* ===== Text ===== */

    --text-main: #ffffff;
    --text-muted: #b8c2cc;

    /* ===== Accent / Links ===== */

    --accent: #424ce8; /* dein altes Hover-Blau */

	--activ: #cc1f1f;
    /* ===== Radius ===== */

    --radius-lg: 10px;
    --radius-md: 8px;
    --radius-sm: 6px;

    /* ===== Shadows (NRW Style) ===== */

--shadow-soft: 
    6px 6px 14px rgba(0,0,0,0.6),
    3px 3px 6px rgba(0,0,0,0.4);



}

/* ================================
   Reset & Base
================================ */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;

    background: var(--bg-body);
    color: var(--text-main);

    font-family: Verdana, sans-serif;
    font-size: 0.9em;
}

/* ================================
   Links (NRW Verhalten)
================================ */

a {
    text-decoration: underline;
    color: var(--text-main);
    transition: color 0.3s ease-in-out;
}

a:hover,
a:focus {
    color: var(--accent);
}