:root {
    /* =========================================================
       PRIMÄR – Brombeer / Akzentfarben
       ========================================================= */
    --cc-primary: #7a0040;
    --cc-primary-hover: #a00050;
    
    --cc-primary-dark: #c77bb8;
    --cc-primary-dark-hover: #e0a8d6;
	
	   /* =========================================================
       AKZENT – für Header, Hover, Sekundärfarben
       ========================================================= */
    --cc-accent: #5c6f82;              /* ruhiges Blau-Grau */
    --cc-accent-hover: #70889e;        /* hellere Hover-Variante */
    --cc-accent-dark: #9bb0c6;         /* für Darkmode */
    --cc-accent-dark-hover: #b8c8d8;   /* Hover im Darkmode */

    /* =========================================================
       TEXTFARBEN
       ========================================================= */
    --cc-text-light: #ffffff;
    --cc-text-dark: #333333;
    --cc-text-darkmode: #e6e6e6;
    --cc-text-darkmode-muted: #a0a0a0; /* NEU: fehlte, wurde u. a. von settings-admin.css referenziert */

    /* =========================================================
       HINTERGRUND (Light Mode)
       ========================================================= */
    --cc-bg-soft: #f7f8fa;
    --cc-bg-soft-hover: #e2e6eb;

    /* =========================================================
       HINTERGRUND (Dark Mode)
       ========================================================= */
    --cc-bg-dark: #242424;
    --cc-bg-dark-soft: #2c2c2c;        /* NEU: fehlte, wurde u. a. von settings-admin.css referenziert */
    --cc-bg-dark-hover: #383838;
    --cc-bg-dark-header: #1a1a1a;      /* NEU: fehlte, wurde von user-admin.css (.dark .table-light) referenziert */

    /* =========================================================
       BORDER
       ========================================================= */
    --cc-border: #cfd8e3;
    --cc-border-dark: #3b3b3b;

    /* =========================================================
       SCHATTEN & RADIEN
       ========================================================= */
    --cc-shadow: 0 2px 4px rgba(0,0,0,0.12),
                 0 4px 10px rgba(0,0,0,0.08);

    --cc-shadow-dark: 0 2px 4px rgba(0,0,0,0.4),
                      0 4px 10px rgba(0,0,0,0.3);

    --cc-radius-sm: 4px;
    --cc-radius-md: 6px;
    --cc-radius-lg: 10px;

    /* =========================================================
       TRANSITION
       ========================================================= */
    --cc-transition: 0.18s ease;
}


/* =========================================================
   GLOBAL LAYOUT / NON-FAQ ELEMENTS
   ========================================================= */

body {
    font-family: 'Inter', 'Segoe UI', sans-serif;
    background-color: #f7f9fc;
    color: #333;
    margin: 0;
    padding: 0;
}

/* =========================================================
   LOGOUT CARD
   ========================================================= */

.logout-card {
    max-width: 420px;
    margin: 60px auto;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    text-align: center;
}

/* =========================================================
   HELPER / TECHNIK / RELEASE NOTES
   ========================================================= */

.helper-container {
    max-width: 900px;
    margin: 40px auto;
    padding: 20px;
}

.helper-section {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.release-container {
    margin-top: 30px;
}

.release-entry {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.release-entry h4 {
    margin: 0 0 6px 0;
    font-size: calc(var(--font-size-base) + 4px);
    font-weight: 600;
}

.release-entry p {
    margin: 0;
    opacity: 0.85;
}

/* =========================================================
   DARK MODE – GLOBAL (NON-FAQ)
   ========================================================= */

.dark body {
    background-color: #1f1f1f;
    color: #e6e6e6;
}

.dark .logout-card,
.dark .helper-section,
.dark .release-entry {
    background-color: #2a2a2a;
    border-color: #444;
    box-shadow: none;
}