/**
 * CSS Variables - Lisa Sundermeyer Design System
 *
 * Centralized color definitions to avoid hardcoding
 * Used across all profil pages and components
 */

:root {
    /* Brand Colors */
    --lisa-pink: #b89092;
    --lisa-pink-dark: #a07082;
    --lisa-cream: #fdf7f1;

    /* Status Colors */
    --color-success: #4CAF50;
    --color-success-bg: #d4edda;
    --color-success-border: #c3e6cb;
    --color-success-text: #155724;

    --color-error: #f44336;
    --color-error-bg: #f8d7da;
    --color-error-border: #f5c6cb;
    --color-error-text: #721c24;

    --color-warning: #FF9800;
    --color-info: #2196F3;

    /* Neutral Colors */
    --color-grey: #999;
    --color-grey-light: #f5f5f5;
    --color-grey-dark: #777;
    --color-border: #ddd;
    --color-border-light: #eee;

    /* Text Colors */
    --color-text: #333;
    --color-text-light: #666;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 2px 10px rgba(0,0,0,0.1);
    --shadow-lg: 0 4px 20px rgba(184, 144, 146, 0.3);

    /* Fonts */
    --font-family: 'Avenir', 'Montserrat', Arial, sans-serif;

    /* Spacing */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;

    /* Container */
    --container-max-width: 1000px;
    --container-padding: 20px;
}