@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
@import url('https://online-corps.alwaysdata.net/css/icon-online.css');

/* Variables et reset */
:root {
    /* Couleurs */
    --primary: #4361ee;
    --primary-dark: #3046c1;
    --secondary: #2ec4b6;
    --accent: #ff9f1c;
    --success: #2ec4b6;
    --danger: #e71d36;
    --danger-dark: #c02a3c;
    --warning: #ff9f1c;
    --info: #4cc9f0;

    /* Thème clair */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #fafafa;
    --bg-white: #f9f9f9;
    --text-primary: #2b2d42;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;
    --card-bg: #e0e0e0;
    --card-bg2: #bbbbbb;
    ;
    --header-bg: rgba(255, 255, 255, 0.95);

    /* Espacements */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 20px;
    --spacing-lg: 40px;
    --spacing-xl: 3rem;

    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 1s ease;
}

/* Mode sombre */
.dark {
    --bg-primary: #1a1b1e;
    --bg-secondary: #141517;
    --bg-tertiary: #272930;
    --bg-white: #e9e9e9;
    --text-primary: #f8f9fa;
    --text-secondary: #ced4da;
    --border-color: #373a40;
    --card-bg: #25262b;
    --card-bg2: #717485;
    --header-bg: rgba(26, 27, 30, 0.95);
}

/* Reset */
* {
    margin: 0;
    padding: 0;
}