/* css/_vars.css */
:root {
    /* LIGHT MODE */
    --bg-color: #f0f0f5; 
    --panel-bg: #ffffff; 
    --text-color: #333333;
    --divider-color: #aaa;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --text-color-bright: white; 
    --accent-color: #ff8c00; /* Orange als Hauptakzent */
    --accent-color-rgb: 255, 140, 0; 
    
    /* Zusätzliche Variablen für Share-Buttons */
    --color-highlight: var(--accent-color);
    --color-highlight-hover: darkorange;
    --color-text-inverted: white;
    --color-background-primary-dark: #333;
    --color-border: #444; 
}

body.dark {
    /* DARK MODE */
    --bg-color: #212129; 
    --panel-bg: #2d2d3a; 
    --text-color: #e0e0e0;
    --divider-color: #444;
    --shadow-color: rgba(0, 0, 0, 0.5);
    --accent-color: #ffa500; /* Hellere Orange im Dark Mode */
    --accent-color-rgb: 255, 165, 0; 
    
    /* Zusätzliche Variablen für Share-Buttons */
    --color-highlight: var(--accent-color);
    --color-highlight-hover: #ffad2e;
    --color-background-primary-dark: #4d4d4d;
    --color-border: #555;
}