/* Titres et actions partagent le même dégradé rouge, orange et or. */
:root{--odb-title-gradient:linear-gradient(95deg,#ff6570 4%,#ff9e69 65%,#ffdb9e)}
body :is(.pm-homehero h1,.lh-hero h1,.cw-hero h1,.pa-hero h1,.al-hero h1) .grad{background-image:var(--odb-title-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:none}
body :is(.pm .pm-btn-primary,.lh .lh-btn,.lh .lh-read,.cw .cw-btn-primary,.cw .cw-join-cta,.pf .pf-btn-primary,.pa .pa-hero-action,.pa .pa-modal-btn-primary,.al .al-btn-primary,.nav-wrapper .nav-recruit,.nav-drawer .nav-drawer-recruit){background:var(--odb-title-gradient)!important;color:#301719!important;border-color:#ffcf9b55;box-shadow:0 8px 24px #ff657022,inset 0 1px #ffffff30;-webkit-text-fill-color:currentColor}
body :is(.pm .pm-btn-primary,.lh .lh-btn,.lh .lh-read,.cw .cw-btn-primary,.cw .cw-join-cta,.pf .pf-btn-primary,.pa .pa-hero-action,.pa .pa-modal-btn-primary,.al .al-btn-primary,.nav-wrapper .nav-recruit,.nav-drawer .nav-drawer-recruit) i{color:inherit!important}
body :is(.pm .pm-btn-primary,.lh .lh-btn,.lh .lh-read,.cw .cw-btn-primary,.cw .cw-join-cta,.pf .pf-btn-primary,.pa .pa-hero-action,.pa .pa-modal-btn-primary,.al .al-btn-primary,.nav-wrapper .nav-recruit,.nav-drawer .nav-drawer-recruit):hover{box-shadow:0 10px 30px #ff657040,inset 0 1px #ffffff40;filter:brightness(1.06)}
body :is(.pm-homehero h1,.lh-hero h1,.cw-hero h1,.pa-hero h1,.al-hero h1) .grad{background-image:var(--odb-title-gradient)!important}
/* Encadrés d’icônes : même signature chromatique que les titres et boutons. */
body :is(.cw-thanks-ico,.cw-kouta-av,.cw-vico,.cw-social-ico,.pm-kouta-av,.pm-val-ico,.pm-perk-ico,.lh-org-ico,.lh-emperor-crown,.lh-leader-av,.pf-stat-ic,.pf-path-icon,.pa-step-ic,.pa-faq-ic){background:var(--odb-title-gradient)!important;color:#301719!important;border:1px solid #ffcf9b55!important;box-shadow:0 5px 18px #ff657018,inset 0 1px #ffffff30!important}
body :is(.cw-thanks-ico,.cw-kouta-av,.cw-vico,.cw-social-ico,.pm-kouta-av,.pm-val-ico,.pm-perk-ico,.lh-org-ico,.lh-emperor-crown,.lh-leader-av,.pf-stat-ic,.pf-path-icon,.pa-step-ic,.pa-faq-ic) i{color:inherit!important}
/* Médaillons lumineux des pages retravaillées. */
body :is(.cw-thanks-ico,.cw-kouta-av,.cw-vico,.cw-social-ico,.pm-kouta-av,.pm-val-ico,.pm-perk-ico,.lh-org-ico,.lh-emperor-crown,.lh-leader-av,.pf-stat-ic,.pf-path-icon,.pa-step-ic,.pa-faq-ic){border-radius:50%!important;aspect-ratio:1;flex-shrink:0;box-shadow:0 0 14px #ff657045,0 0 30px #ffb36c28,inset 0 1px #ffffff50!important}
body :is(.cw,.pm,.lh,.pf,.pa) :is(.cw-thanks-ico,.cw-kouta-av,.cw-vico,.cw-social-ico,.pm-kouta-av,.pm-val-ico,.pm-perk-ico,.lh-org-ico,.lh-emperor-crown,.lh-leader-av,.pf-stat-ic,.pf-path-icon,.pa-step-ic,.pa-faq-ic){border-radius:50%!important}
/* Médaillons : couleurs adaptées à leur rôle, halo assorti. */
.cw-vico{--medallion-color:var(--vc,#e5ba72)}.cw-social-ico{--medallion-color:var(--scc,#e5ba72)}
.pm-val-ico{--medallion-color:var(--vc,#e5ba72)}.pm-perk-ico{--medallion-color:var(--pc,#e5ba72)}
.cw-thanks-ico{--medallion-color:#f779a4}.cw-kouta-av,.pm-kouta-av,.lh-emperor-crown{--medallion-color:#f4b457}
.lh-org-ico{--medallion-color:#f779a4}.lh-leader-av{--medallion-color:#a78bfa}
.pf-stat-ic.apps,.pf-path-icon.red{--medallion-color:#ff767c}.pf-stat-ic.ok{--medallion-color:#69d8a9}.pf-stat-ic.wait,.pf-path-icon.gold{--medallion-color:#e5ba72}.pf-stat-ic.date{--medallion-color:#a8a8ed}
.pa-step:nth-child(1) .pa-step-ic{--medallion-color:#a78bfa}.pa-step:nth-child(2) .pa-step-ic{--medallion-color:#f4b457}.pa-step:nth-child(3) .pa-step-ic{--medallion-color:#66b7ef}.pa-step:nth-child(4) .pa-step-ic{--medallion-color:#69d8a9}.pa-faq-ic{--medallion-color:#66b7ef}
body :is(.cw,.pm,.lh,.pf,.pa) :is(.cw-thanks-ico,.cw-kouta-av,.cw-vico,.cw-social-ico,.pm-kouta-av,.pm-val-ico,.pm-perk-ico,.lh-org-ico,.lh-emperor-crown,.lh-leader-av,.pf-stat-ic,.pf-path-icon,.pa-step-ic,.pa-faq-ic){background:linear-gradient(135deg,color-mix(in srgb,var(--medallion-color,#e5ba72) 75%,white),var(--medallion-color,#e5ba72))!important;color:#201820!important;border-color:color-mix(in srgb,var(--medallion-color,#e5ba72) 65%,white)!important;box-shadow:0 0 14px color-mix(in srgb,var(--medallion-color,#e5ba72) 30%,transparent),0 0 30px color-mix(in srgb,var(--medallion-color,#e5ba72) 18%,transparent),inset 0 1px #ffffff50!important}
