:root {
    /* Couleurs principales FNM */
    --fnm-500: #ff4d1c;
    --fnm-500-rgb: 255, 77, 28;
    --fnm-600: #f44100;
    --fnm-700: #ea3000;
    --fnm-700-rgb: 234, 48, 0;
    --fnm-800: #d02900;
    --fnm-900: #b82400;
    --fnm-900-rgb: 184, 36, 0;
    
    /* Couleurs secondaires */
    --fnm-gray-100: #f8f8f8;
    --fnm-gray-200: #f0f0f0;
    --fnm-gray-300: #e0e0e0;
    --fnm-gray-400: #c0c0c0;
    --fnm-gray-500: #a0a0a0;
    --fnm-gray-600: #707070;
    --fnm-gray-700: #505050;
    --fnm-gray-800: #303030;
    --fnm-gray-900: #101010;
}

/* Classes Tailwind personnalisées */
.from-fnm-700 {
    --tw-gradient-from: var(--fnm-700);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 48, 0, 0));
}

.to-fnm-900 {
    --tw-gradient-to: var(--fnm-900);
}

.bg-fnm-500 {
    background-color: var(--fnm-500);
}

.text-fnm-500 {
    color: var(--fnm-500);
}

.text-fnm-600 {
    color: var(--fnm-600);
}

.border-fnm-500 {
    border-color: var(--fnm-500);
}

.hover\:text-fnm-700:hover {
    color: var(--fnm-700);
}