/**
 * Forest Green Theme
 * Version: 1.0
 * Pfad: /css/themes/forest.css
 */

:root {
    /* === BACKGROUND === */
    --bg-dark: #0f1e0f;
    --bg-card: #1a2e1a;
    --bg-hover: #243324;
    /* === BORDERS === */
    --border-color: #2d4a2d;
    --border-hover: #3d5a3d;
    /* === TEXT === */
    --text-primary: #e8f5e8;
    --text-secondary: #88a088;
    --text-muted: #5a705a;
    /* === PRIMARY COLORS === */
    --primary-color: #28a745;
    --primary-hover: #218838;
    --primary-dark: #1e7e34;
    /* === SECONDARY === */
    --secondary-color: #20c997;
    --secondary-hover: #1aa179;
    /* === ACCENT === */
    --accent-color: #7dff7d;
    --accent-hover: #66ff66;
    /* === STATUS COLORS === */
    --success-color: #28a745;
    --success-hover: #218838;
    --warning-color: #ffc107;
    --warning-hover: #e0a800;
    --danger-color: #dc3545;
    --danger-hover: #c82333;
    --info-color: #20c997;
    --info-hover: #1aa179;
    /* === NATURE COLORS === */
    --forest-green: #228b22;
    --moss-green: #8fbc8f;
    --leaf-green: #90ee90;
    --earth-brown: #8b7355;
    /* === SHADOWS === */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
    /* === GLOWS === */
    --glow-primary: 0 0 20px rgba(40, 167, 69, 0.5);
    --glow-accent: 0 0 20px rgba(125, 255, 125, 0.5);
    --glow-danger: 0 0 20px rgba(220, 53, 69, 0.5);
    --glow-success: 0 0 20px rgba(40, 167, 69, 0.5);
    /* === TRANSITIONS === */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    /* === BORDER RADIUS === */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 50%;
    /* === SPACING === */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
}

/* === SCROLLBAR === */
::-webkit-scrollbar-thumb {
    background: var(--forest-green);
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--primary-color);
    }

/* === SELECTION === */
::selection {
    background: var(--primary-color);
    color: white;
}