:root {
    /* Couleurs principales */
    --primary: #F5B700;
    --primary-dark: #D99F00;

    --dark: #111111;
    --dark-soft: #1F1F1F;

    --white: #FFFFFF;

    /* Gris */
    --gray-100: #F8F8F8;
    --gray-200: #EEEEEE;
    --gray-300: #D9D9D9;
    --gray-500: #9CA3AF;
    --gray-600: #6B7280;

    /* Etats */
    --success: #22C55E;
    --danger: #EF4444;
    --info: #3B82F6;

    /* Espacements */
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;

    /* Ombres */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);

    --shadow:
        0 4px 20px rgba(0,0,0,0.08);

    --shadow-lg:
        0 10px 30px rgba(0,0,0,0.12);

    /* Transition */
    --transition: all .3s ease;

    /* Largeur */
    --container-width: 1200px;

    /* Navbar */
    --navbar-height: 80px;
}