/**
 * Ator-App-Garten 2.0 - Dark Theme
 */

/* Dark theme is applied via body.dark-theme class */
body.dark-theme {
    /* Dark Colors */
    --color-bg: #1a1a1a;
    --color-bg-elevated: #2a2a2a;
    --color-bg-overlay: rgba(255, 255, 255, 0.1);
    
    --color-text: #e0e0e0;
    --color-text-muted: #a0a0a0;
    
    --color-border: #404040;
    --color-border-strong: #606060;
    
    --color-accent: #2a2a40;
    --color-accent-pink: #3a2a2a;
    
    /* Primary colors stay the same for brand consistency */
    --color-primary-light: #8d6bc8;
}

body.dark-theme nav {
    background: #2a2a2a;
}

body.dark-theme nav a {
    color: var(--color-primary-light);
}

body.dark-theme nav a:hover {
    color: #a88dd8;
}

/* Adjust shadows for dark theme */
body.dark-theme .card,
body.dark-theme nav {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

body.dark-theme .card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
}

/* Form elements in dark theme */
body.dark-theme input,
body.dark-theme textarea,
body.dark-theme select {
    background: var(--color-bg);
    color: var(--color-text);
    border-color: var(--color-border);
}

body.dark-theme input:focus,
body.dark-theme textarea:focus,
body.dark-theme select:focus {
    border-color: var(--color-primary-light);
}

/* Code blocks in dark theme */
body.dark-theme code {
    background: var(--color-bg);
    color: var(--color-primary-light);
}

/* Ensure good contrast for accessibility */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
    color: var(--color-primary-light);
}

/* Button adjustments */
body.dark-theme .btn-secondary {
    background: var(--color-border);
    color: var(--color-text);
}

body.dark-theme .btn-secondary:hover {
    background: var(--color-border-strong);
}

body.dark-theme .btn-outline {
    border-color: var(--color-primary-light);
    color: var(--color-primary-light);
}

body.dark-theme .btn-outline:hover {
    background: var(--color-primary-light);
    color: #1a1a1a;
}