:root{

    /* ===========================
       Couleurs principales
    =========================== */

    --primary: #18C77A;
    --primary-hover: #14B56F;
    --primary-active: #109D60;

    --secondary: #FFA300;
    --secondary-hover: #F09300;
    --secondary-active: #D67F00;

    /* ===========================
       Couleurs d'accent
    =========================== */

    --mint: #D9EFE3;
    --mint-light: #EEF8F3;
    --mint-dark: #BFE3D1;

    /* ===========================
       Couleurs neutres
    =========================== */

    --white: #FFFFFF;
    --off-white: #F8FAFA;

    --gray-100: #F3F5F5;
    --gray-200: #E5EBEA;
    --gray-300: #CDD6D4;
    --gray-400: #A7B2AF;
    --gray-500: #7A8582;
    --gray-600: #5A6461;
    --gray-700: #404847;
    --gray-800: #232C2B;
    --gray-900: #05131D;

    --black: #05131D;

    /* ===========================
       Couleurs fonctionnelles
    =========================== */

    --success: #18C77A;
    --warning: #FFA300;
    --danger: #E74C3C;
    --info: #27B5E8;

    /* ===========================
       Texte
    =========================== */

    --text: var(--gray-900);
    --text-light: var(--gray-600);
    --text-muted: var(--gray-500);
    --text-white: var(--white);

    /* ===========================
       Arrière-plans
    =========================== */

    --bg: var(--white);
    --bg-soft: var(--off-white);
    --bg-mint: var(--mint-light);
    --bg-dark: var(--gray-900);

    /* ===========================
       Bordures
    =========================== */

    --border: var(--gray-200);
    --border-dark: var(--gray-300);

    /* ===========================
       Ombres
    =========================== */

    --shadow-sm: 0 2px 8px rgba(5, 19, 29, .08);
    --shadow-md: 0 6px 20px rgba(5, 19, 29, .12);
    --shadow-lg: 0 15px 35px rgba(5, 19, 29, .18);

    /* ===========================
       Dégradés
    =========================== */

    --gradient-primary: linear-gradient(135deg, #18C77A 0%, #14B56F 100%);
    --gradient-secondary: linear-gradient(135deg, #FFA300 0%, #F09300 100%);
    --gradient-brand: linear-gradient(135deg, #18C77A 0%, #FFA300 100%);
}