:root {
    /* Moderne Farbpalette */
    --primary-color: #1A381A;
    --primary-hover: #325932;
    --primary-light: var(--primary-hover);
    --secondary-color: #8A8A84;
    --accent-color: #8fbc8f;
    --bg-color: #f8faf6;
    --bg-gradient: linear-gradient(135deg, #f8faf6 0%, #e8f5e9 100%);
    --card-bg: #ffffff;
    --text-color: #000000;
    --text-secondary: var(--secondary-color);
    --border-color: var(--secondary-color);
    --success-color: var(--primary-color);
    --error-color: #D63230;
    --warning-color: #DE9E36;
    --info-color: #8EE3EF;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow: 0 4px 6px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    --shadow-hover: 0 12px 32px rgba(0,0,0,0.15);
    --radius-sm: 8px;
    --radius: 6px;
    --radius-lg: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}