/* ================================================
   WeTakeProfit — Charte or du logo
   Principal: #D4AC51  |  Clair: #EBCB68
   Moyen:     #C89B3E  |  Foncé: #A87621
   Remplace les oranges / ambers Tailwind et assimilés
   ================================================ */

:root, :host {
    --wtp-gold: #D4AC51;
    --wtp-gold-light: #EBCB68;
    --wtp-gold-mid: #C89B3E;
    --wtp-gold-dark: #A87621;
    --wtp-gold-darker: #8B6914;

    --color-orange-50: #FBF6E8;
    --color-orange-100: #F5E9C4;
    --color-orange-200: #EED89A;
    --color-orange-300: #EBCB68;
    --color-orange-400: #D4AC51;
    --color-orange-500: #C89B3E;
    --color-orange-600: #A87621;
    --color-orange-700: #8B6914;
    --color-orange-800: #6B5010;
    --color-orange-900: #4A3808;
    --color-orange-950: #2A1F05;

    --color-amber-50: #FBF6E8;
    --color-amber-100: #F5E9C4;
    --color-amber-200: #EED89A;
    --color-amber-300: #EBCB68;
    --color-amber-400: #D4AC51;
    --color-amber-500: #C89B3E;
    --color-amber-600: #A87621;
    --color-amber-700: #8B6914;
    --color-amber-800: #6B5010;
    --color-amber-900: #4A3808;
    --color-amber-950: #2A1F05;
}

/* Textes */
.text-orange-200, .text-amber-200 { color: #EED89A !important; }
.text-orange-300, .text-amber-300 { color: #EBCB68 !important; }
.text-orange-400, .text-amber-400 { color: #D4AC51 !important; }
.text-orange-500, .text-amber-500 { color: #C89B3E !important; }
.text-orange-600, .text-amber-600 { color: #A87621 !important; }
.text-orange-700, .text-amber-700 { color: #8B6914 !important; }
.group-hover\:text-orange-200:hover, .group:hover .group-hover\:text-orange-200 { color: #EED89A !important; }
.group-hover\:text-orange-300:hover, .group:hover .group-hover\:text-orange-300 { color: #EBCB68 !important; }
.group-hover\:text-orange-400:hover, .group:hover .group-hover\:text-orange-400 { color: #D4AC51 !important; }
.hover\:text-orange-300:hover { color: #EBCB68 !important; }
.hover\:text-orange-400:hover { color: #D4AC51 !important; }
.text-orange-200\/80 { color: rgb(238 216 154 / 0.8) !important; }
.text-orange-300\/60 { color: rgb(235 203 104 / 0.6) !important; }
.text-orange-300\/80 { color: rgb(235 203 104 / 0.8) !important; }

/* Fonds */
.bg-orange-50, .bg-amber-50 { background-color: #FBF6E8 !important; }
.bg-orange-500, .bg-amber-500 { background-color: rgb(200 155 62 / var(--tw-bg-opacity, 1)) !important; }
.bg-orange-600, .bg-amber-600 { background-color: rgb(168 118 33 / var(--tw-bg-opacity, 1)) !important; }
.bg-orange-700, .bg-amber-700 { background-color: #8B6914 !important; }
.bg-\[\#df972bf8\] { background-color: #D4AC51f8 !important; }
.bg-\[\#a54f28\] { background-color: rgb(168 118 33 / var(--tw-bg-opacity, 1)) !important; }

.bg-orange-500\/5 { background-color: rgb(200 155 62 / 0.05) !important; }
.bg-orange-500\/10, .bg-amber-500\/10 { background-color: rgb(200 155 62 / 0.1) !important; }
.bg-orange-500\/20, .bg-amber-500\/20 { background-color: rgb(200 155 62 / 0.2) !important; }
.bg-orange-500\/30, .bg-amber-500\/30 { background-color: rgb(200 155 62 / 0.3) !important; }
.bg-orange-600\/20 { background-color: rgb(168 118 33 / 0.2) !important; }
.bg-orange-600\/30 { background-color: rgb(168 118 33 / 0.3) !important; }
.bg-orange-900\/20 { background-color: rgb(74 56 8 / 0.2) !important; }
.bg-orange-900\/30 { background-color: rgb(74 56 8 / 0.3) !important; }
.dark\:bg-orange-900\/20:is(.dark *) { background-color: rgb(74 56 8 / 0.2) !important; }

.hover\:bg-orange-500:hover { background-color: #C89B3E !important; }
.hover\:bg-orange-600:hover { background-color: rgb(168 118 33 / var(--tw-bg-opacity, 1)) !important; }
.hover\:bg-orange-700:hover { background-color: #8B6914 !important; }
.hover\:from-orange-500\/20:hover { --tw-gradient-from: rgb(200 155 62 / 0.2) !important; }
.hover\:from-orange-500\/30:hover { --tw-gradient-from: rgb(200 155 62 / 0.3) !important; }
.hover\:to-orange-500:hover { --tw-gradient-to: #C89B3E !important; }
.hover\:to-orange-600\/20:hover { --tw-gradient-to: rgb(168 118 33 / 0.2) !important; }
.hover\:to-amber-500\/30:hover { --tw-gradient-to: rgb(200 155 62 / 0.3) !important; }

/* Bordures */
.border-orange-200 { border-color: #EED89A !important; }
.border-orange-400, .border-amber-400 { border-color: #D4AC51 !important; }
.border-orange-500, .border-amber-500 { border-color: rgb(200 155 62 / var(--tw-border-opacity, 1)) !important; }
.border-orange-600 { border-color: rgb(168 118 33 / var(--tw-border-opacity, 1)) !important; }
.border-orange-700 { border-color: #8B6914 !important; }
.dark\:border-orange-700:is(.dark *) { border-color: #8B6914 !important; }
.border-orange-400\/20 { border-color: rgb(212 172 81 / 0.2) !important; }
.border-orange-400\/50 { border-color: rgb(212 172 81 / 0.5) !important; }
.border-orange-500\/20 { border-color: rgb(200 155 62 / 0.2) !important; }
.border-orange-500\/30, .border-amber-500\/30 { border-color: rgb(200 155 62 / 0.3) !important; }
.border-orange-500\/50 { border-color: rgb(200 155 62 / 0.5) !important; }
.border-orange-600\/30 { border-color: rgb(168 118 33 / 0.3) !important; }
.hover\:border-orange-400\/50:hover { border-color: rgb(212 172 81 / 0.5) !important; }
.hover\:border-orange-400\/40:hover { border-color: rgb(212 172 81 / 0.4) !important; }
.peer-checked\:border-orange-500:peer:checked { border-color: #C89B3E !important; }
.peer-checked\:bg-orange-500\/10:peer:checked { background-color: rgb(200 155 62 / 0.1) !important; }

/* Dégradés */
.from-orange-500, .from-amber-500 { --tw-gradient-from: #C89B3E !important; --tw-gradient-to: rgb(200 155 62 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-500\/10 { --tw-gradient-from: rgb(200 155 62 / 0.1) !important; --tw-gradient-to: rgb(200 155 62 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-500\/20 { --tw-gradient-from: rgb(200 155 62 / 0.2) !important; --tw-gradient-to: rgb(200 155 62 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-500\/30 { --tw-gradient-from: rgb(200 155 62 / 0.3) !important; --tw-gradient-to: rgb(200 155 62 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-900\/20 { --tw-gradient-from: rgb(74 56 8 / 0.2) !important; --tw-gradient-to: rgb(74 56 8 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-orange-900\/30 { --tw-gradient-from: rgb(74 56 8 / 0.3) !important; --tw-gradient-to: rgb(74 56 8 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-amber-500\/20 { --tw-gradient-to: rgb(200 155 62 / 0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgb(200 155 62 / 0.2), var(--tw-gradient-to) !important; }
.to-orange-400 { --tw-gradient-to: #D4AC51 !important; }
.to-orange-500, .to-amber-500 { --tw-gradient-to: #C89B3E !important; }
.to-orange-600 { --tw-gradient-to: #A87621 !important; }
.to-orange-600\/30 { --tw-gradient-to: rgb(168 118 33 / 0.3) !important; }
.to-orange-800\/20 { --tw-gradient-to: rgb(107 80 16 / 0.2) !important; }
.to-amber-500\/20 { --tw-gradient-to: rgb(200 155 62 / 0.2) !important; }

/* Anneaux, ombres */
.ring-orange-500\/50 { --tw-ring-color: rgb(200 155 62 / 0.5) !important; }
.shadow-orange-200 { --tw-shadow-color: #EED89A !important; --tw-shadow: var(--tw-shadow-colored) !important; }
.shadow-orange-300 { --tw-shadow-color: #EBCB68 !important; --tw-shadow: var(--tw-shadow-colored) !important; }
.shadow-orange-500\/20 { --tw-shadow-color: rgb(200 155 62 / 0.2) !important; --tw-shadow: var(--tw-shadow-colored) !important; }
.hover\:shadow-orange-500\/25:hover { --tw-shadow-color: rgb(200 155 62 / 0.25) !important; --tw-shadow: var(--tw-shadow-colored) !important; }
.hover\:shadow-orange-500\/40:hover { --tw-shadow-color: rgb(200 155 62 / 0.4) !important; --tw-shadow: var(--tw-shadow-colored) !important; }