/* DropFolks autumn: maple, amber and warm ivory. Shared across all portals. */
:root{--blue:#a33827;--navy:#34251f;--muted:#725e50;--line:#ead5ba;--light:#fff1df;--maple:#a33827;--amber:#d79627;--ivory:#fffaf3}
body{background:var(--ivory);color:var(--navy)}
.primary,.entry-button,.hero-cta,.basket-top,.categories button.active,.add-btn,.scene-icon{background:var(--maple);color:#fff}
.primary:hover,.entry-button:hover,.hero-cta:hover{background:#81291c}
.secondary{background:#fff1df;color:#823321;border-color:#dcb78d}.secondary:hover{background:#f5dfc0}
.brand-type>b,.wordmark{color:#34251f}.brand-type>b>span,.wordmark>span{color:var(--maple)}
.demo-bar,.auth-story{background:#482c23;color:#fff8ee}.demo-bar .demo-details{color:#fff8ee}
.auth-story .eyebrow,.auth-story p,.auth-story h1{color:#fff8ee}.auth-tabs a[aria-current=page]{color:var(--maple);border-color:var(--maple)}
.auth-illustration{background:#fff1df}.hero{background:#fff1df}.hero:after{background:linear-gradient(90deg,#fff1df 0%,#fff1dff2 34%,#fff1df00 70%)}
.eyebrow,.entry-copy h1 em,.entry-link,.portal-icon,.account-menu svg,.step-progress .reached{color:var(--maple)}
.scene-label,.panel,.portal-card,.account-menu>button{background:#fffdf9}
.test-pill,.address-tag,.status.blue{background:#fff0d4;color:#77351f}
.status.green{background:#eaf2e1;color:#285124}.status.orange{background:#fff0cc;color:#724008}.status.red,.form-error,.auth-error{color:#9f2131}
.field-help,.micro,.muted,.brand-type small,.account-menu small,.review-contact p,.address-card p,.header-tagline,.intro{color:#725e50}
.focused-form input:not([type=radio]):not([type=checkbox]),.focused-form select,.focused-form textarea,.auth-form-area input,.auth-form-area textarea{border-color:#a99786;color:#34251f}
.focused-form input[readonly]{background:#f6eee4}.phone-field{border-color:#a99786}.phone-field>span{color:#725e50;border-color:#d6bda4}
input,select,textarea{accent-color:var(--maple)}
.step-progress li{border-color:#d5bea8}.step-progress .reached{border-color:var(--maple)}
.delivery-options label:has(:checked),.compact-addresses .address-card.chosen{background:#fff1df;border-color:var(--maple)}
.step-shell .account-notice{background:#fff1df;color:#723a24}
:focus-visible{outline:3px solid #823321!important;outline-offset:3px!important;box-shadow:0 0 0 5px #fffaf3}
.primary:focus-visible,.entry-button:focus-visible{outline-color:#823321!important}
.step-actions{background:#fffdf9}
@media(max-width:650px){body{background:var(--ivory)}}

/* Welcome readability: stronger supporting copy and compact visual steps. */
.entry-copy .intro{font-size:clamp(19px,1.15vw,24px);font-weight:450;line-height:1.6;color:#594236;max-width:32em}
.entry-copy .intro>strong{display:block;color:#34251f;font-size:clamp(21px,1.3vw,27px);font-weight:650;line-height:1.4;margin-bottom:12px}
.entry-copy .intro>span{display:block;max-width:32em}
.visual-journey{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:22px 8px;margin:0;background:#fffdf9;border:1px solid #dec5a7;border-radius:20px}
.visual-journey>li{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:20px;padding:6px 26px;min-width:0}
.visual-journey>li+li{border-left:1px solid #ead5ba}
.journey-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#fff0d4;color:#a33827}
.journey-icon svg{display:block;width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.journey-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.journey-title .step-number{font-size:14px;font-weight:750;letter-spacing:.04em;color:#a33827}
.visual-journey h3{font-size:clamp(20px,1.3vw,27px);font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:0;color:#34251f}
.visual-journey p{font-size:clamp(17px,1vw,21px);font-weight:450;line-height:1.45;margin:8px 0 0;color:#594236}
.entry .header-tagline{font-size:16px;color:#594236}.entry .scene-label b{font-size:17px}.entry .scene-label div>span{font-size:16px;color:#594236}
.entry .entry-section>p{font-size:18px;color:#594236}.entry .portal-card p{font-size:clamp(17px,1vw,21px);font-weight:450;line-height:1.55;color:#594236;min-height:3.1em;margin-bottom:24px}
.entry .card-number{font-size:14px;color:#594236}.entry .entry-footer{font-size:14px;color:#594236}
.auth-story p{font-size:18px;line-height:1.6;font-weight:450}.role-notes li{font-size:16px;color:#594236}.auth-form-area .auth-intro{font-size:17px;line-height:1.6;font-weight:450;color:#594236}
@media(max-width:1100px) and (min-width:741px){.visual-journey>li{grid-template-columns:1fr;gap:14px;padding:6px 20px}.journey-icon{width:60px;height:60px;border-radius:16px}.journey-icon svg{width:42px;height:42px}}
@media(max-width:740px){
 .entry-copy .intro{font-size:18px;line-height:1.55}.entry-copy .intro>strong{font-size:20px;line-height:1.4;margin-bottom:10px}
 .visual-journey{grid-template-columns:1fr;padding:4px 16px;border-radius:18px}.visual-journey>li{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:17px 0}.visual-journey>li+li{border-left:0;border-top:1px solid #ead5ba}
 .journey-icon{width:54px;height:54px;border-radius:15px}.journey-icon svg{width:39px;height:39px}.visual-journey h3{font-size:19px}.journey-title{gap:8px}.journey-title .step-number{font-size:13px}.visual-journey p{font-size:16px;line-height:1.4;margin-top:5px}
 .entry .scene-label b{font-size:16px}.entry .scene-label div>span{font-size:14px}.entry .entry-section>p{font-size:17px}.entry .portal-card p{font-size:17px;min-height:0;margin-bottom:22px}
}