/* Little Loaf: ivory, chalk, linen, oat, stone, taupe, cocoa, espresso. */
:root{--ivory:#f6f1e7;--chalk:#e5e3de;--linen:#ddd0bb;--oat:#c8b697;--stone:#b4ada2;--taupe:#948271;--cocoa:#715540;--espresso:#43352d;--canvas:url('/images/ivory-canvas.png')}
@media screen{
body,body.storefront,body:has(.admin-main){--ink:var(--espresso);--paper:var(--ivory);--muted:#716356;--line:#cbbfaf;--light:var(--chalk);color:var(--espresso);background-color:var(--ivory);background-image:linear-gradient(#f6f1e7d9,#f6f1e7d9),var(--canvas);background-size:auto,520px}
.storefront::before{display:none}
.storefront .preview{background:var(--espresso);color:var(--ivory);letter-spacing:2.2px;padding:13px 20px}
.storefront header{max-width:1200px;min-height:148px;border-bottom:1px solid #94827140;background:transparent}
.storefront header .brand-logo{width:270px;height:140px}
.storefront .brand-logo img{mix-blend-mode:multiply}
.storefront nav>a,.storefront .text-link{color:var(--espresso)}
.storefront .bag{border-color:var(--taupe);background:#f6f1e780;border-radius:30px;padding:12px 20px}
.storefront .bag span{background:var(--espresso);color:var(--ivory)}
.storefront .hero{max-width:1200px;padding:48px 5% 64px;gap:64px;grid-template-columns:1.1fr 1fr}
.storefront .hero h1{font-size:clamp(64px,6.8vw,94px);letter-spacing:-2.5px;line-height:1.02}
.storefront em,.storefront .heading-dot,.storefront .sun-mark{color:var(--cocoa)}
.storefront .hero .intro{color:#66574b;line-height:1.9;font-size:15px}
.storefront .eyebrow{color:var(--cocoa);letter-spacing:2px}
.storefront .hero-visual{max-width:395px;width:100%;padding:0}
.storefront .hero-frame{height:460px;border-radius:160px 160px 5px 5px;border:9px solid var(--linen);outline:1px solid #94827170;box-shadow:12px 17px 0 #ddd0bb70;background:var(--linen)}
.storefront .hero-seal{background:var(--espresso);color:var(--ivory);border:1px dashed var(--oat);box-shadow:0 0 0 6px var(--espresso)}
.storefront .photo-caption{color:#716356;margin-top:28px}
.storefront .pickup-note{border-color:var(--line);color:#66574b}
.storefront .primary,.primary,.storefront .add,.tabs .active{background:var(--cocoa);border-color:var(--cocoa);color:var(--ivory);border-radius:4px}
.storefront .primary:hover,.primary:hover,.storefront .add:hover{background:var(--espresso);border-color:var(--espresso)}
.storefront .bakery-ribbon{background-color:var(--linen);background-image:linear-gradient(#ddd0bbd9,#ddd0bbd9),var(--canvas);background-size:auto,520px;color:var(--espresso);border-block:1px solid #94827155;padding:23px 20px}
.storefront #menu{padding-top:65px;padding-bottom:60px}
.storefront .filters button{background:#f6f1e780;border-color:var(--line);color:var(--espresso);border-radius:30px;padding:11px 21px}
.storefront .filters button.active{background:var(--espresso);border-color:var(--espresso);color:var(--ivory)}
.storefront .products>article,.storefront .product{background:#f6f1e7d9;border:1px solid #cbbfaf;border-radius:5px;overflow:hidden;box-shadow:0 5px 15px #43352d08}
.storefront .products h3,.storefront .products .price{color:var(--espresso)}
.storefront .products p{color:#716356}
.storefront .product-art{background:var(--chalk)}
.storefront .notice,.notice,.storefront .cutoff-clock{background:var(--chalk);border:1px solid #b4ada270;color:var(--espresso)}
.storefront .cutoff-clock>span{color:#66574b}
.storefront .how{background-color:var(--linen);background-image:linear-gradient(#ddd0bbc9,#ddd0bbc9),var(--canvas);background-size:auto,520px;border:1px solid #94827155;border-radius:5px;color:var(--espresso);padding:50px}
.storefront .how-heading,.storefront .how-steps,.storefront .how p,.storefront .how h3{color:var(--espresso)}
.storefront .how-steps article>span{color:var(--cocoa);border-color:var(--taupe)}
.storefront .story{border-color:var(--line);padding-top:65px;padding-bottom:65px;gap:60px}
.storefront .story-portrait .story-main{border:8px solid var(--linen);box-sizing:border-box;box-shadow:10px 12px 0 #ddd0bb65}
.storefront #updates{background:transparent}
.storefront #news-list article{background:#e5e3de99;border-color:var(--line);border-radius:4px}
.storefront .contact{background-color:var(--oat);background-image:linear-gradient(#c8b697d9,#c8b697d9),var(--canvas);background-size:auto,520px;color:var(--espresso);border-block:1px solid #94827170;padding:65px 24px}
.storefront .contact a,.storefront .contact p{color:var(--espresso)}
.storefront footer{background:var(--espresso);color:var(--ivory);border:0;padding-top:45px;padding-bottom:45px}
.storefront footer a,.storefront footer p{color:var(--ivory)}
.storefront footer .brand-logo{background:var(--ivory);border-radius:4px;padding:8px;box-sizing:border-box}
dialog{background:var(--ivory);color:var(--espresso);border:1px solid var(--taupe);border-radius:8px;box-shadow:0 25px 100px #43352d40}
dialog::backdrop{background:#43352d80;backdrop-filter:blur(4px)}
input,select,textarea{background:#fffdf8;color:var(--espresso);border-color:var(--stone);accent-color:var(--cocoa)}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--cocoa);outline-offset:4px}
.admin-main .panel{background:#f6f1e7f5;border-color:var(--line)}
.admin-main .stats div,.admin-main .photo-card,.admin-main .window-card{background:var(--chalk);border-color:var(--taupe)}
.admin-main .primary,.admin-main .tabs .active{background:var(--cocoa);border-color:var(--cocoa);color:var(--ivory)}
}
@media(max-width:950px){.storefront .hero{gap:32px}.storefront nav{gap:15px}.storefront .hero-frame{height:420px}}
@media(max-width:700px){.storefront header{padding:8px 22px 20px}.storefront header .brand-logo{width:250px;height:130px}.storefront .hero{grid-template-columns:1fr;padding:32px 24px 45px;gap:35px}.storefront .hero h1{font-size:68px}.storefront .hero-visual{max-width:330px;margin:auto}.storefront .hero-frame{height:400px}.storefront .hero-actions{gap:18px}.storefront .how{padding:30px 23px}.storefront .story{gap:30px;padding-block:40px}.storefront #menu{padding-top:40px}.storefront .bakery-ribbon{padding:20px 12px}.storefront .contact{padding:45px 22px}}