/* CSS Variables */
:root {
    --color-primary: #c41e3a; /* Feuerwehr-Rot */
    --color-primary-dark: #9a1830;
    --color-secondary: #1a1a2e; /* Dunkles Blau */
    --color-accent: #ff6b35; /* Orange Akzent */
    --color-white: #ffffff;
    --color-light: #f8f9fa;
    --color-gray: #6c757d;
    --color-dark: #212529;

    --color-instagram: #E4405F;
    --color-facebook: #1877F2;
    --color-email: #34495e;

    --color-jugend: #2ecc71; /* Grün für Jugendfeuerwehr */
    --color-kinder: #3498db; /* Blau für Kinderfeuerwehr */

    /* Default Accent Color ist Feuerwehr-Rot */
    --accent-color: var(--color-primary);
    --accent-color-dark: var(--color-primary-dark);

    --font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --border-radius: 12px;
    --transition: all 0.3s ease;
}