/* Ordem Leve | Jardim Secreto — referencia visual aprovada 30/10/2026.
   Camada de apresentação: nao altera estados, permissões, handlers ou dados. */
body.boho-garden.ux-phase2:not(.a11y-dark):not(.a11y-contrast):not(.a11y-high-contrast):not(.contrast){
 --boho-bg:#f8f5ed;--boho-paper:#fffdf8;--boho-ink:#263b30;--boho-muted:#6c7468;
 --boho-line:#e9e7dd;--boho-moss:#456c50;--boho-sage:#e3ebdf;--boho-terra:#b77e62;
 --boho-beige:#f1e5d5;--boho-focus:#456c50;
 --boho-shadow:0 9px 26px rgba(49,64,42,.085),0 2px 7px rgba(49,64,42,.035);
}
body.boho-garden.ux-phase2:not(.a11y-dark):not(.a11y-contrast):not(.a11y-high-contrast):not(.contrast) .app.content{
 background:linear-gradient(180deg,#fbf9f3 0%,#f7f4eb 55%,#f9f7f1 100%)!important;
}
body.boho-garden.ux-phase2 :is(.ux-home,.ux-catalogue,#uxAgendas,.pl-home){position:relative;isolation:isolate}
body.boho-garden.ux-phase2 :is(.ux-home-greeting h1,.ux-hub-heading h1,.ux-tool-heading h1,.ux-home-mural h2,.ux-home-pause h2){
 font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:600!important;letter-spacing:-.025em!important;
}
body.boho-garden.ux-phase2 .ux-home-greeting h1{font-size:clamp(2rem,5vw,2.6rem)!important;color:#304a37!important}
body.boho-garden.ux-phase2 .ux-hub-heading h1,body.boho-garden.ux-phase2 .ux-tool-heading h1{font-size:clamp(2.1rem,5vw,2.7rem)!important}
body.boho-garden.ux-phase2 .ux-home .pl-verse{
 border:0!important;border-radius:24px!important;
 background:linear-gradient(115deg,rgba(247,237,223,.96),rgba(251,248,239,.95))!important;
 padding:24px 22px!important;box-shadow:0 8px 26px rgba(65,67,44,.07)!important;
 position:relative;overflow:hidden;
}
body.boho-garden.ux-phase2 .ux-home .pl-verse:after{
 content:"❧";position:absolute;right:16px;bottom:-24px;font-family:Georgia,serif;
 color:rgba(75,109,75,.22);font-size:112px;line-height:1;pointer-events:none;
}
body.boho-garden.ux-phase2 .ux-home .pl-verse p{
 font-family:"Cormorant Garamond",Georgia,serif!important;
 font-size:clamp(1.35rem,3.5vw,1.75rem)!important;line-height:1.32!important;
 max-width:38ch;position:relative;z-index:1;
}
body.boho-garden.ux-phase2 :is(.ux-home-person,.ux-person-card,.ux-home-mural,.ux-home-pause,.ux-dossier-quick,.ux-tool-category,.ux-dossier-sheet,.pl-card,.cj-card){
 border:1px solid transparent!important;border-radius:22px!important;
 background-color:var(--boho-paper)!important;
 box-shadow:var(--boho-shadow)!important;
}
body.boho-garden.ux-phase2 .ux-home-person{border-radius:18px!important}
body.boho-garden.ux-phase2 .ux-home-pause{
 background:linear-gradient(110deg,#edf2e7,#e1ebdf)!important;
}
body.boho-garden.ux-phase2 .ux-tool-category{margin-bottom:14px;overflow:hidden}
body.boho-garden.ux-phase2 .ux-tool-category-summary{padding-block:16px!important}
body.boho-garden.ux-phase2 .ux-tool-button{border-radius:14px!important;transition:background .16s ease,box-shadow .16s ease}
body.boho-garden.ux-phase2 .ux-tool-button:hover{background:#f1f5ed!important}
body.boho-garden.ux-phase2 .ux-tool-icon{border-radius:14px!important}
body.boho-garden.ux-phase2 :is(.ux-dossier-primary,.btn.primary,.ux-home-breathe){
 background:linear-gradient(135deg,#496f53,#3e6249)!important;color:#fff!important;
 border:0!important;border-radius:18px!important;
 box-shadow:0 5px 14px rgba(49,93,59,.2)!important;
}
body.boho-garden.ux-phase2 .nav.premium-nav{
 background:rgba(255,253,248,.96)!important;border-top:0!important;
 box-shadow:0 -8px 26px rgba(50,65,45,.09)!important;
}
body.boho-garden.ux-phase2 .nav.premium-nav .navin>button.active[data-planner-nav]{
 background:#e4eddf!important;color:#355b3e!important;border-radius:16px!important;
}
body.boho-garden.ux-phase2 :is(.ux-home-person,.ux-tool-button,.ux-person-card,.ux-home-mural) :is(button,a):focus-visible{
 outline:3px solid var(--boho-focus)!important;outline-offset:3px!important;
}
@media(max-width:600px){
 body.boho-garden.ux-phase2 .ux-home .pl-verse{padding:20px 18px!important}
 body.boho-garden.ux-phase2 .ux-home .pl-verse:after{font-size:85px;bottom:-14px}
 body.boho-garden.ux-phase2 .ux-home>:is(section,header){margin-bottom:17px!important}
}
@media(prefers-reduced-motion:reduce){body.boho-garden.ux-phase2 .ux-tool-button{transition:none!important}}
