/**
 * Variables CSS globales
 * Design System MatriLy
 */

:root {
    /* Couleurs principales */
    --main-color: #3B82F6;
    --main-dark: #2563EB;
    --main-light: rgba(59, 130, 246, 0.1);

    /* Texte */
    --text-title: #333333;
    --text-body: #4b5563;
    --text-light: #8a8f98;
    --text-on-primary: #ffffff;

    /* Fonds */
    --bg-light: #f8f9fa;
    --bg-dark: #1a1a2e;
    --white: #ffffff;

    /* Bordures */
    --border-color: #e5e5e5;
    --border-light: #eee;

    /* États */
    --success: #27ae60;
    --success-light: rgba(39, 174, 96, 0.1);
    --error: #e74c3c;
    --error-light: rgba(231, 76, 60, 0.1);
    --warning: #f1c40f;
    --warning-light: rgba(241, 196, 15, 0.1);
    --info: #3498db;
    --info-light: rgba(52, 152, 219, 0.1);

    /* Ombres */
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.08);

    /* Rayons */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 50px;

    /* Transitions */
    --transition: all 0.3s ease;

    /* Typographie */
    --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
}