/* Farbpalette für Dark Mode */
:root {
    /* Grundfarben - Dunkler und entsättigter */
    --color-base: #282828;        /* Ursprünglich: #DFDCD7 (helles Beige) -> Dunkles Grau */
    --color-contrast: #F5F5F5;    /* Ursprünglich: #191919 (Schwarz) -> Helles Grau (für Text) */

    /* Akzentfarben - Angepasst für dunklen Hintergrund */
    --color-accent-1: #7A9BDB;    /* Ursprünglich: #7A9BDB (Blau) -> Beibehalten, passt gut */
    --color-accent-2: #4D3852;    /* Ursprünglich: #F7E6FF (Helles Lila) -> Dunkleres, entsättigtes Lila */
    --color-accent-3: #A7C7FF;    /* Ursprünglich: #182949 (Dunkelblau) -> Helleres Blau für Kontrast */
    --color-accent-4: #A8A8A8;    /* Ursprünglich: #5F5F5F (Grau) -> Hellgrau */
    --color-accent-5: #58534C;    /* Ursprünglich: #D7D3CC (Hellgrau) -> Dunkelgrau */
    --color-accent-6: #FFFFFF33;    /* Ursprünglich: #19191933 (Schwarz mit Transparenz) -> Weiß mit Transparenz */
    --color-accent-7: #182949;    /* Ursprünglich: #A7C7FF (Hellblau) -> Dunkles Blau */
    --color-accent-8: #61314D;    /* Ursprünglich: #F5D2E8 (Rosa) -> Dunkles, entsättigtes Rosa */
    --color-accent-9: #191919;    /* Ursprünglich: #FFFFFF (Weiß) -> Schwarz */

    /* Zusätzliche Akzentfarben - Angepasst für dunklen Hintergrund */
    --color-accent-10: #FF6B6B;   /* Ursprünglich: #FF6B6B (Rot) -> Beibehalten, passt gut */
    --color-accent-11: #D32F2F;   /* Ursprünglich: #D32F2F (Dunkelrot) -> Beibehalten, passt gut */
    --color-accent-12: #E57373;   /* Ursprünglich: #E57373 (Hellrot) -> Beibehalten, passt gut */
    --color-accent-13: #81C784;   /* Ursprünglich: #81C784 (Grün) -> Beibehalten, passt gut */
    --color-accent-14: #4CAF50;   /* Ursprünglich: #4CAF50 (Grün) -> Beibehalten, passt gut */
    --color-accent-15: #388E3C;   /* Ursprünglich: #388E3C (Dunkelgrün) -> Beibehalten, passt gut */

    /* Weitere Akzentfarben, Dark Mode angepasst */
    --color-accent-16: #436216;
    --color-accent-17: #c6bbb6;
    --color-accent-18: #84bfe9;
    --color-accent-19: #244684;
    --color-accent-20: #F5D2E8;
    --color-accent-21: #d7d3cc;
    --color-accent-22: #00ff00;
    --color-accent-23: #ff4500;


    /* Textfarben - Invertiert für dunklen Hintergrund */
    --color-icon: var(--color-accent-1);      /* Ursprünglich: Blau -> Beibehalten */
    --color-icon2: var(--color-accent-9);      /* Ursprünglich: Weiß -> Schwarz */
    --color-text: var(--color-contrast);      /* Ursprünglich: Schwarz -> Helles Grau */
    --color-text2: var(--color-accent-9);      /* Ursprünglich: Weiß -> Schwarz */
    --color-button-text: var(--color-contrast); /* Ursprünglich: Schwarz -> Helles Grau */
    --color-button-text2: var(--color-accent-9);/* Ursprünglich: Weiß -> Schwarz */
    --color-heading-text: var(--color-contrast);/* Ursprünglich: Schwarz -> Helles Grau */
    --color-heading-text2: var(--color-accent-9);/* Ursprünglich: Weiß -> Schwarz */

    /* Buttonfarben - Angepasst, aber ähnlich zum Light Mode */
    --color-button-bg: var(--color-accent-1);      /* Ursprünglich: Blau -> Beibehalten */
    --color-button-bg2: var(--color-accent-18);
    --color-button-bg-hover: var(--color-accent-3); /* Ursprünglich: Blau -> Hellblau für Kontrast */

    /* Zusätzliche Effekte - Angepasst für dunklen Hintergrund */
    --color-shadow: rgba(0, 0, 0, 0.5);        /* Ursprünglich: rgba(0, 0, 0, 0.2) -> Stärkere Deckkraft */
    --color-border: var(--color-contrast);      /* Ursprünglich: Schwarz -> Helles Grau */
    --color-border2: var(--color-accent-9);      /* Ursprünglich: Weiß -> Schwarz */
}