/* @tailwind base;
@tailwind components;
@tailwind utilities; */

/* ─────────────────────────────── */
/* OIF Custom Colors               */
/* ─────────────────────────────── */

/* OIF gris */
.oif-gris-50  { background-color: #F9FAFB !important; }
.oif-gris-100 { background-color: #C5C7C0 !important; }
.oif-gris-200 { background-color: #AAACA3 !important; }
.oif-gris-300 { background-color: #8F9287 !important; }
.oif-gris-400 { background-color: #777B6C !important; }
.oif-gris-500 { background-color: #5E6353 !important; }
.oif-gris-600 { background-color: #474D3C !important; }
.oif-gris-700 { background-color: #323826 !important; }
.oif-gris-800 { background-color: #202513 !important; }
.oif-gris-900 { background-color: #0F1400 !important; }

/* ────────────── OIF gris: Backgrounds ────────────── */
.bg-oif-gris-50  { background-color: #F9FAFB !important; }
.bg-oif-gris-100 { background-color: #C5C7C0 !important; }
.bg-oif-gris-200 { background-color: #AAACA3 !important; }
.bg-oif-gris-300 { background-color: #8F9287 !important; }
.bg-oif-gris-400 { background-color: #777B6C !important; }
.bg-oif-gris-500 { background-color: #5E6353 !important; }
.bg-oif-gris-600 { background-color: #474D3C !important; }
.bg-oif-gris-700 { background-color: #323826 !important; }
.bg-oif-gris-800 { background-color: #202513 !important; }
.bg-oif-gris-900 { background-color: #0F1400 !important; }

/* ────────────── OIF gris: Text ────────────── */
.text-oif-gris-50  { color: #F9FAFB !important; }
.text-oif-gris-100 { color: #C5C7C0 !important; }
.text-oif-gris-200 { color: #AAACA3 !important; }
.text-oif-gris-300 { color: #8F9287 !important; }
.text-oif-gris-400 { color: #777B6C !important; }
.text-oif-gris-500 { color: #5E6353 !important; }
.text-oif-gris-600 { color: #474D3C !important; }
.text-oif-gris-700 { color: #323826 !important; }
.text-oif-gris-800 { color: #202513 !important; }
.text-oif-gris-900 { color: #0F1400 !important; }

/* ────────────── OIF gris: Borders ────────────── */
.border-oif-gris-50  { border-color: #F9FAFB !important; }
.border-oif-gris-100 { border-color: #C5C7C0 !important; }
.border-oif-gris-200 { border-color: #AAACA3 !important; }
.border-oif-gris-300 { border-color: #8F9287 !important; }
.border-oif-gris-400 { border-color: #777B6C !important; }
.border-oif-gris-500 { border-color: #5E6353 !important; }
.border-oif-gris-600 { border-color: #474D3C !important; }
.border-oif-gris-700 { border-color: #323826 !important; }
.border-oif-gris-800 { border-color: #202513 !important; }
.border-oif-gris-900 { border-color: #0F1400 !important; }

/* ───── Hover Backgrounds ───── */
.hover\:bg-oif-gris-50:hover  { background-color: #F9FAFB !important; }
.hover\:bg-oif-gris-100:hover { background-color: #C5C7C0 !important; }
.hover\:bg-oif-gris-200:hover { background-color: #AAACA3 !important; }
.hover\:bg-oif-gris-300:hover { background-color: #8F9287 !important; }
.hover\:bg-oif-gris-400:hover { background-color: #777B6C !important; }
.hover\:bg-oif-gris-500:hover { background-color: #5E6353 !important; }
.hover\:bg-oif-gris-600:hover { background-color: #474D3C !important; }
.hover\:bg-oif-gris-700:hover { background-color: #323826 !important; }
.hover\:bg-oif-gris-800:hover { background-color: #202513 !important; }
.hover\:bg-oif-gris-900:hover { background-color: #0F1400 !important; }

/* ───── Hover Text ───── */
.hover\:text-oif-gris-500:hover { color: #5E6353 !important; }
.hover\:text-oif-gris-600:hover { color: #474D3C !important; }
.hover\:text-oif-gris-700:hover { color: #323826 !important; }
.hover\:text-oif-gris-800:hover { color: #202513 !important; }
.hover\:text-oif-gris-900:hover { color: #0F1400 !important; }

/* ───── Hover Borders ───── */
.hover\:border-oif-gris-500:hover { border-color: #5E6353 !important; }
.hover\:border-oif-gris-600:hover { border-color: #474D3C !important; }
.hover\:border-oif-gris-700:hover { border-color: #323826 !important; }

/* ───── Focus Borders ───── */
.focus\:border-oif-gris-500:focus { border-color: #5E6353 !important; }
.focus\:border-oif-gris-600:focus { border-color: #474D3C !important; }
.focus\:border-oif-gris-700:focus { border-color: #323826 !important; }

/* ───── Active Borders ───── */
.active\:border-oif-gris-500:active { border-color: #5E6353 !important; }
.active\:border-oif-gris-600:active { border-color: #474D3C !important; }
.active\:border-oif-gris-700:active { border-color: #323826 !important; }


/* OIF rouge */
.oif-rouge-50  { border-color: #FFEDEF !important; }
.oif-rouge-100 { border-color: #FFCCD2 !important; }
.oif-rouge-200 { border-color: #FF99A5 !important; }
.oif-rouge-300 { border-color: #FF6678 !important; }
.oif-rouge-400 { border-color: #FF596C !important; }
.oif-rouge-500 { border-color: #FF4258 !important; }
.oif-rouge-600 { border-color: #CC0018 !important; }
.oif-rouge-700 { border-color: #990012 !important; }
.oif-rouge-800 { border-color: #66000C !important; }
.oif-rouge-900 { border-color: #330006 !important; }

/* Backgrounds */
.bg-oif-rouge-50  { background-color: #FFEDEF !important; }
.bg-oif-rouge-100 { background-color: #FFCCD2 !important; }
.bg-oif-rouge-200 { background-color: #FF99A5 !important; }
.bg-oif-rouge-300 { background-color: #FF6678 !important; }
.bg-oif-rouge-400 { background-color: #FF596C !important; }
.bg-oif-rouge-500 { background-color: #FF4258 !important; }
.bg-oif-rouge-600 { background-color: #CC0018 !important; }
.bg-oif-rouge-700 { background-color: #990012 !important; }
.bg-oif-rouge-800 { background-color: #66000C !important; }
.bg-oif-rouge-900 { background-color: #330006 !important; }

/* Text */
.text-oif-rouge-50  { color: #FFEDEF !important; }
.text-oif-rouge-100 { color: #FFCCD2 !important; }
.text-oif-rouge-200 { color: #FF99A5 !important; }
.text-oif-rouge-300 { color: #FF6678 !important; }
.text-oif-rouge-400 { color: #FF596C !important; }
.text-oif-rouge-500 { color: #FF4258 !important; }
.text-oif-rouge-600 { color: #CC0018 !important; }
.text-oif-rouge-700 { color: #990012 !important; }
.text-oif-rouge-800 { color: #66000C !important; }
.text-oif-rouge-900 { color: #330006 !important; }

/* Hover Backgrounds (you MUST escape the colon) */
.hover\:bg-oif-rouge-50:hover  { background-color: #FFEDEF !important; }
.hover\:bg-oif-rouge-100:hover { background-color: #FFCCD2 !important; }
.hover\:bg-oif-rouge-200:hover { background-color: #FF99A5 !important; }
.hover\:bg-oif-rouge-300:hover { background-color: #FF6678 !important; }
.hover\:bg-oif-rouge-400:hover { background-color: #FF596C !important; }
.hover\:bg-oif-rouge-500:hover { background-color: #FF4258 !important; }
.hover\:bg-oif-rouge-600:hover { background-color: #CC0018 !important; }
.hover\:bg-oif-rouge-700:hover { background-color: #990012 !important; }
.hover\:bg-oif-rouge-800:hover { background-color: #66000C !important; }
.hover\:bg-oif-rouge-900:hover { background-color: #330006 !important; }

/* Hover Text */
.hover\:text-oif-rouge-50:hover  { color: #FFEDEF !important; }
.hover\:text-oif-rouge-100:hover { color: #FFCCD2 !important; }
.hover\:text-oif-rouge-200:hover { color: #FF99A5 !important; }
.hover\:text-oif-rouge-300:hover { color: #FF6678 !important; }
.hover\:text-oif-rouge-400:hover { color: #FF596C !important; }
.hover\:text-oif-rouge-500:hover { color: #FF4258 !important; }
.hover\:text-oif-rouge-600:hover { color: #CC0018 !important; }
.hover\:text-oif-rouge-700:hover { color: #990012 !important; }
.hover\:text-oif-rouge-800:hover { color: #66000C !important; }
.hover\:text-oif-rouge-900:hover { color: #330006 !important; }

/* OIF rouge — Border Colors         */

.border-oif-rouge-50  { border-color: #FFEDEF !important; }
.border-oif-rouge-100 { border-color: #FFCCD2 !important; }
.border-oif-rouge-200 { border-color: #FF99A5 !important; }
.border-oif-rouge-300 { border-color: #FF6678 !important; }
.border-oif-rouge-400 { border-color: #FF596C !important; }
.border-oif-rouge-500 { border-color: #FF4258 !important; }
.border-oif-rouge-600 { border-color: #CC0018 !important; }
.border-oif-rouge-700 { border-color: #990012 !important; }
.border-oif-rouge-800 { border-color: #66000C !important; }
.border-oif-rouge-900 { border-color: #330006 !important; }

/* Hover Border */
.hover\:border-oif-rouge-50:hover  { border-color: #FFEDEF !important; }
.hover\:border-oif-rouge-100:hover { border-color: #FFCCD2 !important; }
.hover\:border-oif-rouge-200:hover { border-color: #FF99A5 !important; }
.hover\:border-oif-rouge-300:hover { border-color: #FF6678 !important; }
.hover\:border-oif-rouge-400:hover { border-color: #FF596C !important; }
.hover\:border-oif-rouge-500:hover { border-color: #FF4258 !important; }
.hover\:border-oif-rouge-600:hover { border-color: #CC0018 !important; }
.hover\:border-oif-rouge-700:hover { border-color: #990012 !important; }
.hover\:border-oif-rouge-800:hover { border-color: #66000C !important; }
.hover\:border-oif-rouge-900:hover { border-color: #330006 !important; }

/* Focus Border */
.focus\:border-oif-rouge-500:focus { border-color: #FF4258 !important; }
.focus\:border-oif-rouge-600:focus { border-color: #CC0018 !important; }
.focus\:border-oif-rouge-700:focus { border-color: #990012 !important; }

/* Active Border */
.active\:border-oif-rouge-500:active { border-color: #FF4258 !important; }
.active\:border-oif-rouge-600:active { border-color: #CC0018 !important; }
.active\:border-oif-rouge-700:active { border-color: #990012 !important; }

/* stroke */
.stroke-oif-rouge-900 { stroke: #330006 !important; }


/* OIF violet */
.oif-violet-50  { background-color: #F4EAFA !important; }
.oif-violet-100 { background-color: #EAD6F5 !important; }
.oif-violet-200 { background-color: #D4ACEC !important; }
.oif-violet-300 { background-color: #BF83E2 !important; }
.oif-violet-400 { background-color: #AA5AD8 !important; }
.oif-violet-500 { background-color: #682290 !important; }
.oif-violet-600 { background-color: #63228A !important; }
.oif-violet-700 { background-color: #591D7C !important; }
.oif-violet-800 { background-color: #3B1353 !important; }
.oif-violet-900 { background-color: #1E0A29 !important; }
.oif-violet-950 { background-color: #0F0515 !important; }

/* ────────────── OIF violet: Backgrounds ────────────── */
.bg-oif-violet-50  { background-color: #F4EAFA !important; }
.bg-oif-violet-100 { background-color: #EAD6F5 !important; }
.bg-oif-violet-200 { background-color: #D4ACEC !important; }
.bg-oif-violet-300 { background-color: #BF83E2 !important; }
.bg-oif-violet-400 { background-color: #AA5AD8 !important; }
.bg-oif-violet-500 { background-color: #682290 !important; }
.bg-oif-violet-600 { background-color: #63228A !important; }
.bg-oif-violet-700 { background-color: #591D7C !important; }
.bg-oif-violet-800 { background-color: #3B1353 !important; }
.bg-oif-violet-900 { background-color: #1E0A29 !important; }
.bg-oif-violet-950 { background-color: #0F0515 !important; }

/* ────────────── OIF violet: Text ────────────── */
.text-oif-violet-50  { color: #F4EAFA !important; }
.text-oif-violet-100 { color: #EAD6F5 !important; }
.text-oif-violet-200 { color: #D4ACEC !important; }
.text-oif-violet-300 { color: #BF83E2 !important; }
.text-oif-violet-400 { color: #AA5AD8 !important; }
.text-oif-violet-500 { color: #682290 !important; }
.text-oif-violet-600 { color: #63228A !important; }
.text-oif-violet-700 { color: #591D7C !important; }
.text-oif-violet-800 { color: #3B1353 !important; }
.text-oif-violet-900 { color: #1E0A29 !important; }
.text-oif-violet-950 { color: #0F0515 !important; }

/* ────────────── OIF violet: Borders ────────────── */
.border-oif-violet-50  { border-color: #F4EAFA !important; }
.border-oif-violet-100 { border-color: #EAD6F5 !important; }
.border-oif-violet-200 { border-color: #D4ACEC !important; }
.border-oif-violet-300 { border-color: #BF83E2 !important; }
.border-oif-violet-400 { border-color: #AA5AD8 !important; }
.border-oif-violet-500 { border-color: #682290 !important; }
.border-oif-violet-600 { border-color: #63228A !important; }
.border-oif-violet-700 { border-color: #591D7C !important; }
.border-oif-violet-800 { border-color: #3B1353 !important; }
.border-oif-violet-900 { border-color: #1E0A29 !important; }
.border-oif-violet-950 { border-color: #0F0515 !important; }

/* ───── Hover Backgrounds ───── */
.hover\:bg-oif-violet-50:hover  { background-color: #F4EAFA !important; }
.hover\:bg-oif-violet-100:hover { background-color: #EAD6F5 !important; }
.hover\:bg-oif-violet-200:hover { background-color: #D4ACEC !important; }
.hover\:bg-oif-violet-300:hover { background-color: #BF83E2 !important; }
.hover\:bg-oif-violet-400:hover { background-color: #AA5AD8 !important; }
.hover\:bg-oif-violet-500:hover { background-color: #682290 !important; }
.hover\:bg-oif-violet-600:hover { background-color: #63228A !important; }
.hover\:bg-oif-violet-700:hover { background-color: #591D7C !important; }
.hover\:bg-oif-violet-800:hover { background-color: #3B1353 !important; }
.hover\:bg-oif-violet-900:hover { background-color: #1E0A29 !important; }
.hover\:bg-oif-violet-950:hover { background-color: #0F0515 !important; }

/* ───── Hover Text ───── */
.hover\:text-oif-violet-500:hover { color: #682290 !important; }
.hover\:text-oif-violet-600:hover { color: #63228A !important; }
.hover\:text-oif-violet-700:hover { color: #591D7C !important; }
.hover\:text-oif-violet-800:hover { color: #3B1353 !important; }
.hover\:text-oif-violet-900:hover { color: #1E0A29 !important; }

/* ───── Hover Borders ───── */
.hover\:border-oif-violet-500:hover { border-color: #682290 !important; }
.hover\:border-oif-violet-600:hover { border-color: #63228A !important; }
.hover\:border-oif-violet-700:hover { border-color: #591D7C !important; }

/* ───── Focus Borders ───── */
.focus\:border-oif-violet-500:focus { border-color: #682290 !important; }
.focus\:border-oif-violet-600:focus { border-color: #63228A !important; }
.focus\:border-oif-violet-700:focus { border-color: #591D7C !important; }

/* ───── Active Borders ───── */
.active\:border-oif-violet-500:active { border-color: #682290 !important; }
.active\:border-oif-violet-600:active { border-color: #63228A !important; }
.active\:border-oif-violet-700:active { border-color: #591D7C !important; }

/* ───── Disabled Button ───── */
.disabled\:bg-oif-violet-500:disabled { background-color: #682290 !important; }
.disabled\:bg-oif-violet-300:disabled { background-color: #BF83E2 !important; }

.accent-oif-violet-500 { accent-color: #682290 !important; }
.disabled\:accent-oif-violet-500:disabled { accent-color: #C5C7C0 !important; }


/* OIF vert */
.oif-green-50  { background-color: #F7FFE5 !important; }
.oif-green-100 { background-color: #E8FFB3 !important; }
.oif-green-200 { background-color: #D9FF80 !important; }
.oif-green-300 { background-color: #CAFF4D !important; }
.oif-green-400 { background-color: #BBFF1A !important; }
.oif-green-500 { background-color: #A2E600 !important; }
.oif-green-600 { background-color: #7EB300 !important; }
.oif-green-700 { background-color: #5A8000 !important; }
.oif-green-800 { background-color: #364D00 !important; }
.oif-green-900 { background-color: #121A00 !important; }

/* ────────────── OIF Green: Backgrounds ────────────── */
.bg-oif-green-50  { background-color: #F7FFE5 !important; }
.bg-oif-green-100 { background-color: #E8FFB3 !important; }
.bg-oif-green-200 { background-color: #D9FF80 !important; }
.bg-oif-green-300 { background-color: #CAFF4D !important; }
.bg-oif-green-400 { background-color: #BBFF1A !important; }
.bg-oif-green-500 { background-color: #A2E600 !important; }
.bg-oif-green-600 { background-color: #7EB300 !important; }
.bg-oif-green-700 { background-color: #5A8000 !important; }
.bg-oif-green-800 { background-color: #364D00 !important; }
.bg-oif-green-900 { background-color: #121A00 !important; }

/* ────────────── OIF Green: Text ────────────── */
.text-oif-green-50  { color: #F7FFE5 !important; }
.text-oif-green-100 { color: #E8FFB3 !important; }
.text-oif-green-200 { color: #D9FF80 !important; }
.text-oif-green-300 { color: #CAFF4D !important; }
.text-oif-green-400 { color: #BBFF1A !important; }
.text-oif-green-500 { color: #A2E600 !important; }
.text-oif-green-600 { color: #7EB300 !important; }
.text-oif-green-700 { color: #5A8000 !important; }
.text-oif-green-800 { color: #364D00 !important; }
.text-oif-green-900 { color: #121A00 !important; }

/* ────────────── OIF Green: Borders ────────────── */
.border-oif-green-50  { border-color: #F7FFE5 !important; }
.border-oif-green-100 { border-color: #E8FFB3 !important; }
.border-oif-green-200 { border-color: #D9FF80 !important; }
.border-oif-green-300 { border-color: #CAFF4D !important; }
.border-oif-green-400 { border-color: #BBFF1A !important; }
.border-oif-green-500 { border-color: #A2E600 !important; }
.border-oif-green-600 { border-color: #7EB300 !important; }
.border-oif-green-700 { border-color: #5A8000 !important; }
.border-oif-green-800 { border-color: #364D00 !important; }
.border-oif-green-900 { border-color: #121A00 !important; }

/* ───── Hover Backgrounds ───── */
.hover\:bg-oif-green-50:hover  { background-color: #F7FFE5 !important; }
.hover\:bg-oif-green-100:hover { background-color: #E8FFB3 !important; }
.hover\:bg-oif-green-200:hover { background-color: #D9FF80 !important; }
.hover\:bg-oif-green-300:hover { background-color: #CAFF4D !important; }
.hover\:bg-oif-green-400:hover { background-color: #BBFF1A !important; }
.hover\:bg-oif-green-500:hover { background-color: #A2E600 !important; }
.hover\:bg-oif-green-600:hover { background-color: #7EB300 !important; }
.hover\:bg-oif-green-700:hover { background-color: #5A8000 !important; }
.hover\:bg-oif-green-800:hover { background-color: #364D00 !important; }
.hover\:bg-oif-green-900:hover { background-color: #121A00 !important; }

/* ───── Hover Text ───── */
.hover\:text-oif-green-500:hover { color: #A2E600 !important; }
.hover\:text-oif-green-600:hover { color: #7EB300 !important; }
.hover\:text-oif-green-700:hover { color: #5A8000 !important; }
.hover\:text-oif-green-800:hover { color: #364D00 !important; }
.hover\:text-oif-green-900:hover { color: #121A00 !important; }

/* ───── Hover Borders ───── */
.hover\:border-oif-green-500:hover { border-color: #A2E600 !important; }
.hover\:border-oif-green-600:hover { border-color: #7EB300 !important; }
.hover\:border-oif-green-700:hover { border-color: #5A8000 !important; }

/* ───── Focus Borders ───── */
.focus\:border-oif-green-500:focus { border-color: #A2E600 !important; }
.focus\:border-oif-green-600:focus { border-color: #7EB300 !important; }
.focus\:border-oif-green-700:focus { border-color: #5A8000 !important; }

/* ───── Active Borders ───── */
.active\:border-oif-green-500:active { border-color: #A2E600 !important; }
.active\:border-oif-green-600:active { border-color: #7EB300 !important; }
.active\:border-oif-green-700:active { border-color: #5A8000 !important; }


/* OIF bleu */
.oif-bleu-50  { background-color: #E6F6FF !important; }
.oif-bleu-100 { background-color: #CCEDFF !important; }
.oif-bleu-200 { background-color: #99DBFF !important; }
.oif-bleu-300 { background-color: #67C9FE !important; }
.oif-bleu-400 { background-color: #34B7FE !important; }
.oif-bleu-500 { background-color: #0198E9 !important; }
.oif-bleu-600 { background-color: #0184CB !important; }
.oif-bleu-700 { background-color: #016398 !important; }
.oif-bleu-800 { background-color: #004266 !important; }
.oif-bleu-900 { background-color: #002133 !important; }

/* ────────────── OIF bleu: Backgrounds ────────────── */
.bg-oif-bleu-50  { background-color: #E6F6FF !important; }
.bg-oif-bleu-100 { background-color: #CCEDFF !important; }
.bg-oif-bleu-200 { background-color: #99DBFF !important; }
.bg-oif-bleu-300 { background-color: #67C9FE !important; }
.bg-oif-bleu-400 { background-color: #34B7FE !important; }
.bg-oif-bleu-500 { background-color: #0198E9 !important; }
.bg-oif-bleu-600 { background-color: #0184CB !important; }
.bg-oif-bleu-700 { background-color: #016398 !important; }
.bg-oif-bleu-800 { background-color: #004266 !important; }
.bg-oif-bleu-900 { background-color: #002133 !important; }

/* ────────────── OIF bleu: Text ────────────── */
.text-oif-bleu-50  { color: #E6F6FF !important; }
.text-oif-bleu-100 { color: #CCEDFF !important; }
.text-oif-bleu-200 { color: #99DBFF !important; }
.text-oif-bleu-300 { color: #67C9FE !important; }
.text-oif-bleu-400 { color: #34B7FE !important; }
.text-oif-bleu-500 { color: #0198E9 !important; }
.text-oif-bleu-600 { color: #0184CB !important; }
.text-oif-bleu-700 { color: #016398 !important; }
.text-oif-bleu-800 { color: #004266 !important; }
.text-oif-bleu-900 { color: #002133 !important; }

/* ────────────── OIF bleu: Borders ────────────── */
.border-oif-bleu-50  { border-color: #E6F6FF !important; }
.border-oif-bleu-100 { border-color: #CCEDFF !important; }
.border-oif-bleu-200 { border-color: #99DBFF !important; }
.border-oif-bleu-300 { border-color: #67C9FE !important; }
.border-oif-bleu-400 { border-color: #34B7FE !important; }
.border-oif-bleu-500 { border-color: #0198E9 !important; }
.border-oif-bleu-600 { border-color: #0184CB !important; }
.border-oif-bleu-700 { border-color: #016398 !important; }
.border-oif-bleu-800 { border-color: #004266 !important; }
.border-oif-bleu-900 { border-color: #002133 !important; }

/* ───── Hover Backgrounds ───── */
.hover\:bg-oif-bleu-50:hover  { background-color: #E6F6FF !important; }
.hover\:bg-oif-bleu-100:hover { background-color: #CCEDFF !important; }
.hover\:bg-oif-bleu-200:hover { background-color: #99DBFF !important; }
.hover\:bg-oif-bleu-300:hover { background-color: #67C9FE !important; }
.hover\:bg-oif-bleu-400:hover { background-color: #34B7FE !important; }
.hover\:bg-oif-bleu-500:hover { background-color: #0198E9 !important; }
.hover\:bg-oif-bleu-600:hover { background-color: #0184CB !important; }
.hover\:bg-oif-bleu-700:hover { background-color: #016398 !important; }
.hover\:bg-oif-bleu-800:hover { background-color: #004266 !important; }
.hover\:bg-oif-bleu-900:hover { background-color: #002133 !important; }

/* ───── Hover Text ───── */
.hover\:text-oif-bleu-500:hover { color: #0198E9 !important; }
.hover\:text-oif-bleu-600:hover { color: #0184CB !important; }
.hover\:text-oif-bleu-700:hover { color: #016398 !important; }
.hover\:text-oif-bleu-800:hover { color: #004266 !important; }
.hover\:text-oif-bleu-900:hover { color: #002133 !important; }

/* ───── Hover Borders ───── */
.hover\:border-oif-bleu-500:hover { border-color: #0198E9 !important; }
.hover\:border-oif-bleu-600:hover { border-color: #0184CB !important; }
.hover\:border-oif-bleu-700:hover { border-color: #016398 !important; }

/* ───── Focus Borders ───── */
.focus\:border-oif-bleu-500:focus { border-color: #0198E9 !important; }
.focus\:border-oif-bleu-600:focus { border-color: #0184CB !important; }
.focus\:border-oif-bleu-700:focus { border-color: #016398 !important; }

/* ───── Active Borders ───── */
.active\:border-oif-bleu-500:active { border-color: #0198E9 !important; }
.active\:border-oif-bleu-600:active { border-color: #0184CB !important; }
.active\:border-oif-bleu-700:active { border-color: #016398 !important; }


/* OIF jaune */
.oif-jaune-50  { background-color: #FFFAE6 !important; }
.oif-jaune-100 { background-color: #FFF6CC !important; }
.oif-jaune-200 { background-color: #FFEC99 !important; }
.oif-jaune-300 { background-color: #FEE367 !important; }
.oif-jaune-400 { background-color: #FED934 !important; }
.oif-jaune-500 { background-color: #FDCF01 !important; }
.oif-jaune-600 { background-color: #CBA601 !important; }
.oif-jaune-700 { background-color: #987D01 !important; }
.oif-jaune-800 { background-color: #665300 !important; }
.oif-jaune-900 { background-color: #332A00 !important; }

/* ────────────── OIF jaune: Backgrounds ────────────── */
.bg-oif-jaune-50  { background-color: #FFFAE6 !important; }
.bg-oif-jaune-100 { background-color: #FFF6CC !important; }
.bg-oif-jaune-200 { background-color: #FFEC99 !important; }
.bg-oif-jaune-300 { background-color: #FEE367 !important; }
.bg-oif-jaune-400 { background-color: #FED934 !important; }
.bg-oif-jaune-500 { background-color: #FDCF01 !important; }
.bg-oif-jaune-600 { background-color: #CBA601 !important; }
.bg-oif-jaune-700 { background-color: #987D01 !important; }
.bg-oif-jaune-800 { background-color: #665300 !important; }
.bg-oif-jaune-900 { background-color: #332A00 !important; }

/* ────────────── OIF jaune: Text ────────────── */
.text-oif-jaune-50  { color: #FFFAE6 !important; }
.text-oif-jaune-100 { color: #FFF6CC !important; }
.text-oif-jaune-200 { color: #FFEC99 !important; }
.text-oif-jaune-300 { color: #FEE367 !important; }
.text-oif-jaune-400 { color: #FED934 !important; }
.text-oif-jaune-500 { color: #FDCF01 !important; }
.text-oif-jaune-600 { color: #CBA601 !important; }
.text-oif-jaune-700 { color: #987D01 !important; }
.text-oif-jaune-800 { color: #665300 !important; }
.text-oif-jaune-900 { color: #332A00 !important; }

/* ────────────── OIF jaune: Borders ────────────── */
.border-oif-jaune-50  { border-color: #FFFAE6 !important; }
.border-oif-jaune-100 { border-color: #FFF6CC !important; }
.border-oif-jaune-200 { border-color: #FFEC99 !important; }
.border-oif-jaune-300 { border-color: #FEE367 !important; }
.border-oif-jaune-400 { border-color: #FED934 !important; }
.border-oif-jaune-500 { border-color: #FDCF01 !important; }
.border-oif-jaune-600 { border-color: #CBA601 !important; }
.border-oif-jaune-700 { border-color: #987D01 !important; }
.border-oif-jaune-800 { border-color: #665300 !important; }
.border-oif-jaune-900 { border-color: #332A00 !important; }

/* ───── Hover Backgrounds ───── */
.hover\:bg-oif-jaune-50:hover  { background-color: #FFFAE6 !important; }
.hover\:bg-oif-jaune-100:hover { background-color: #FFF6CC !important; }
.hover\:bg-oif-jaune-200:hover { background-color: #FFEC99 !important; }
.hover\:bg-oif-jaune-300:hover { background-color: #FEE367 !important; }
.hover\:bg-oif-jaune-400:hover { background-color: #FED934 !important; }
.hover\:bg-oif-jaune-500:hover { background-color: #FDCF01 !important; }
.hover\:bg-oif-jaune-600:hover { background-color: #CBA601 !important; }
.hover\:bg-oif-jaune-700:hover { background-color: #987D01 !important; }
.hover\:bg-oif-jaune-800:hover { background-color: #665300 !important; }
.hover\:bg-oif-jaune-900:hover { background-color: #332A00 !important; }

/* ───── Hover Text ───── */
.hover\:text-oif-jaune-500:hover { color: #FDCF01 !important; }
.hover\:text-oif-jaune-600:hover { color: #CBA601 !important; }
.hover\:text-oif-jaune-700:hover { color: #987D01 !important; }
.hover\:text-oif-jaune-800:hover { color: #665300 !important; }
.hover\:text-oif-jaune-900:hover { color: #332A00 !important; }

/* ───── Hover Borders ───── */
.hover\:border-oif-jaune-500:hover { border-color: #FDCF01 !important; }
.hover\:border-oif-jaune-600:hover { border-color: #CBA601 !important; }
.hover\:border-oif-jaune-700:hover { border-color: #987D01 !important; }

/* ───── Focus Borders ───── */
.focus\:border-oif-jaune-500:focus { border-color: #FDCF01 !important; }
.focus\:border-oif-jaune-600:focus { border-color: #CBA601 !important; }
.focus\:border-oif-jaune-700:focus { border-color: #987D01 !important; }

/* ───── Active Borders ───── */
.active\:border-oif-jaune-500:active { border-color: #FDCF01 !important; }
.active\:border-oif-jaune-600:active { border-color: #CBA601 !important; }
.active\:border-oif-jaune-700:active { border-color: #987D01 !important; }