/*
 * theme-dark.css – ProjectHub Dark Theme
 * Alle Farben als CSS-Variablen.
 * Neue Themes: Datei kopieren, Werte anpassen, in themes/ ablegen.
 */

:root {
    --theme-name: "dark";
    color-scheme: dark;

    /* Hintergründe */
    --bg-page:        #0e0e10;
    --bg-surface:     #18181c;
    --bg-surface-2:   #222228;
    --bg-surface-3:   #2c2c34;
    --bg-overlay:     rgba(0,0,0,0.7);

    /* Akzent (primäre Aktionsfarbe) */
    --accent:         #6c8ef5;
    --accent-hover:   #8aa3f7;
    --accent-muted:   rgba(108,142,245,0.15);

    /* Primär-Buttons: sattes Blau, helle Schrift (nicht pastell / nicht reines Weiß auf #6c8ef5) */
    --btn-primary-bg:       #3f56d4;
    --btn-primary-bg-hover: #4f66e4;
    --btn-primary-fg:       #eef1fc;
    --btn-primary-border:   #4a5fd8;

    /* Text */
    --text-primary:   #f0f0f4;
    --text-secondary: #a0a0b0;
    --text-muted:     #60607a;
    --text-on-accent: #ffffff;

    /* Rahmen */
    --border:         rgba(255,255,255,0.08);
    --border-strong:  rgba(255,255,255,0.16);

    /* Status-Farben */
    --color-success:  #2ecc8a;
    --color-warning:  #f0a030;
    --color-danger:   #c41f1f;
    --color-info:     #6c8ef5;

    --bg-success:     rgba(46,204,138,0.12);
    --bg-warning:     rgba(240,160,48,0.12);
    --bg-danger:      rgba(196, 31, 31, 0.16);
    --bg-info:        rgba(108,142,245,0.12);

    /* Prioritäten */
    --priority-high:   #c41f1f;
    --priority-medium: #f0a030;
    --priority-low:    #2ecc8a;

    /* Scrollbar */
    --scrollbar-track: #18181c;
    --scrollbar-thumb: #3a3a48;

    /* Schatten */
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
    --shadow-md:  0 4px 12px rgba(0,0,0,0.5);
    --shadow-lg:  0 8px 32px rgba(0,0,0,0.6);

    /* Radii */
    --radius-sm:  6px;
    --radius-md:  10px;
    --radius-lg:  16px;
    --radius-xl:  22px;

    /* Sidebar (ausgeklappt; etwas breiter für Labels bei angepasstem Icon-Einzug) */
    --sidebar-width:  16.5rem;
    --topbar-height:  56px;
}