/* Warm color/material finishing plus navigation glyphs. Page geometry and food imagery stay unchanged. */
:root{--paper:#faf5ef;--bone:#fffcf7;--ink:#403731;--subtle:#80756c;--brick:#833f39;--brick-dark:#61332f;--sage:#aa9384;--sage-dark:#72584b;--sage-light:#f1e8df;--line:#e3d8cd;--blush:#f1e5db;--muted:#f0eae2;--ring:#985c4e}
.study-home{--study-ink:#433833;--study-green:#935d50;background:radial-gradient(ellipse at 0 25%,#fffaf2 0,transparent 65%),linear-gradient(145deg,#faf5ee,#f5e9e0)}
.study-ink-field g{fill:#ad7a66}
.study-selected-mark{filter:grayscale(1) sepia(.8) saturate(1.5) hue-rotate(325deg) contrast(.95)}
.portion-sheet{background-color:#f4e8df}
.study-brand small,.study-product small,.study-note p,.study-issue,.portion-label>span,.portion-label small{color:#827268}
.mine-desk-heading::after{background:linear-gradient(145deg,#f0d9b7,#dca992)}
/* Ink, incidental controls, and decisions must not share one red value. */
.study-select,.study-product>svg,.study-note,.study-shelf-entry{color:#725b4c}
.study-basket span{background:#eee3d7;color:#775443}
.study-toggle button{color:#82766c}
.study-toggle button[aria-pressed=true]{background:#fffcf7;color:#653c33;box-shadow:0 1px 4px #51362a20}
.study-product{background:#fffcf7;border-color:#e0d4c7;box-shadow:0 2px 4px #51372a0a,0 8px 18px -8px #51372a30}
.study-shelf-entry::before{background:radial-gradient(ellipse at center,#c8997380,transparent 72%)}
.bottom-nav [data-slot=tabs-trigger],.app-frame:has(.study-home) .bottom-nav [data-slot=tabs-trigger]{color:#918479}
.bottom-nav [data-state=active],.app-frame:has(.study-home) .bottom-nav [data-state=active]{color:#833f39!important}
.dw-btn.primary{background:linear-gradient(165deg,#914c43,#753832);color:#fffcf7}
.dw-btn.secondary{color:#785d4e;border-color:#dbccbe}
.product-purchase .bottom-action .dw-btn.primary{box-shadow:inset 0 1px 0 #ffffff0b,0 3px 7px #61332f20}
.care-product-summary .purchase-trust,.portion-help-toggle{color:#817568}
.product-purchase .portion-weight .choice,.product-purchase .portion-cut>.choices .choice{color:#82766a}
.product-purchase .portion-weight .choice.selected,.product-purchase .portion-cut>.choices .choice.selected{background:#fffaf3;color:#783f35;box-shadow:inset 0 0 0 1px #d6bbaa,0 1px 2px #57372b0d,0 4px 10px #57372b12}
.product-purchase .choice.selected .cut-pattern g{fill-opacity:.38;stroke-opacity:.55}
.product-purchase .stepper{border-color:#d9cbbd;background:#fffaf366}
.product-purchase .stepper button{color:#795347}
/* A deep brand canopy, a mineral transition, then uncolored everyday paper. */
.mine-desk::before{background:linear-gradient(125deg,#48312e,#723b36 62%,#94604d);box-shadow:0 8px 17px -12px #492b2899}
.mine-desk-heading .mine-identity-greeting{color:#e6d5bf}
.mine-desk-heading .mine-identity-table{color:#eeddc9}
.mine-desk .mine-identity-avatar{background:linear-gradient(145deg,#f3e4cb,#e5d5ba);box-shadow:0 6px 16px -11px #492b2866}
.mine-service-layer::before{background:radial-gradient(ellipse at 85% 0%,#efdfc499,transparent 72%),linear-gradient(175deg,#c3a894,#dfcebc 65%,#eee3d5);box-shadow:0 9px 18px -14px #61483880}
.mine-service-layer::after{background:linear-gradient(90deg,transparent,#a18a7680 28%,#a18a7680 72%,transparent)}
.mine-service-layer .mine-order-pair{background:linear-gradient(125deg,#f8eee0,#efe2d2);box-shadow:0 5px 12px -10px #61483855}
.mine-order-pair button{color:#704c3c}
.mine-order-pair button>svg:last-child{color:#a18e7c}
.mine-service-layer .mine-transactions h2,.mine-service-layer .mine-transactions>header>button{color:#654d3e}
.mine-week-entry>svg{color:#947863}
.mine-service-layer .mine-week-entry small{color:#81705f}
.mine-service-grid button>svg{color:#8b7968}
.mine-service-grid button>svg:last-child{color:#b2a393}
.mine-service-grid small{color:#908172}
@media(prefers-reduced-motion:reduce){.study-shelf-entry{animation:none}}
/* Navigation: warm paper, cool jade planning accent; preserve the 60px budget. */
.app-frame .bottom-nav[data-slot=tabs-list],.app-frame:has(.study-home) .bottom-nav[data-slot=tabs-list]{background:#fffcf7;border-top-color:#e6dcd1;box-shadow:0 -4px 16px #51372a05}
.app-frame .bottom-nav [data-slot=tabs-trigger],.app-frame:has(.study-home) .bottom-nav [data-slot=tabs-trigger]{position:relative;isolation:isolate;gap:2px;color:#85796d;font-weight:450}
.app-frame .bottom-nav [data-slot=tabs-trigger]>svg{display:none}
.app-frame .bottom-nav [data-slot=tabs-trigger][data-state]::before{content:"";display:block;position:static;inset:auto;transform:none;flex:none;width:26px;height:26px;margin:0;border:0;border-radius:0;box-shadow:none;background:currentColor;mask:center/contain no-repeat var(--nav-symbol);opacity:1}
.app-frame .bottom-nav [data-slot=tabs-trigger]:nth-child(1){--nav-symbol:url('/brand/nav-icons/nav-home.svg')}
.app-frame .bottom-nav [data-slot=tabs-trigger]:nth-child(3){--nav-symbol:url('/brand/nav-icons/nav-mine.svg')}
.app-frame .bottom-nav [data-slot=tabs-trigger]:nth-child(2){flex-direction:row;gap:7px;color:#376560!important;background:transparent;font-size:12px;letter-spacing:.06em}
.app-frame .bottom-nav [data-slot=tabs-trigger]:nth-child(2)::before{width:28px;height:28px;mask:none;background:center/contain no-repeat url('/brand/nav-icons/nav-plan.svg')}
.app-frame .bottom-nav [data-slot=tabs-trigger]:nth-child(2)::after{content:"";display:block;position:absolute;inset:3px 5px;width:auto;height:auto;margin:0;opacity:1;transform:none;z-index:-1;border-radius:15px;background:linear-gradient(145deg,#edf1e9,#dce7df);box-shadow:inset 0 0 0 1px #436c5e0a,0 2px 4px #29493f08;pointer-events:none}
.app-frame .bottom-nav [data-slot=tabs-trigger]:nth-child(2)[data-state=active]{color:#fff8e9!important}
.app-frame .bottom-nav [data-slot=tabs-trigger]:nth-child(2)[data-state=active]::before{background-image:url('/brand/nav-icons/nav-plan-active.svg')}
.app-frame .bottom-nav [data-slot=tabs-trigger]:nth-child(2)[data-state=active]::after{background:linear-gradient(145deg,#426c63,#2e514d);box-shadow:0 2px 5px #29493f26}
.app-frame .bottom-nav [data-slot=tabs-trigger]:focus-visible{outline:2px solid #436c63;outline-offset:-2px}