:root {
    --palette-bg: #fdfaf5;
    --palette-card: #ffffff;
    --palette-cream: #f8f2e8;
    --palette-line: #e7ded3;
    --palette-text: #231f1c;
    --palette-muted: #7b746d;
    --palette-green: #174f39;
    --palette-green-dark: #0f3c2b;
    --palette-green-soft: #edf3e9;
    --palette-red: #a71f25;
    --palette-red-dark: #8f191f;
    --palette-red-soft: #f9e8e7;
    --palette-yellow: #ffe14f;
}

html, body, #app { background-color: var(--palette-bg) !important; color: var(--palette-text); }
#startup-splash { background-color: var(--palette-bg) !important; }
.bg-card, .bg-white { background-color: var(--palette-card) !important; }
.bg-cream, .bg-blush, .bg-\[\#FFF8EF\], .bg-\[\#fff3dc\] { background-color: var(--palette-cream) !important; }
.bg-blush\/60, .bg-blush\/90 { background-color: rgba(248, 242, 232, .9) !important; }
.bg-brand { background-color: var(--palette-red) !important; }
.bg-brand\/10 { background-color: var(--palette-red-soft) !important; }
.text-brand { color: var(--palette-red) !important; }
.border-brand, .border-brand\/30 { border-color: var(--palette-red) !important; }
.accent-brand { accent-color: var(--palette-red) !important; }
.hover\:bg-brand-dark:hover { background-color: var(--palette-red-dark) !important; }
.hover\:text-brand:hover, .active\:text-brand:active { color: var(--palette-red) !important; }
.bg-leaf { background-color: var(--palette-green) !important; }
.bg-leaf\/10, .bg-leaf\/15 { background-color: var(--palette-green-soft) !important; }
.text-leaf { color: var(--palette-green) !important; }
.border-leaf, .focus\:border-leaf\/50:focus, .focus-within\:border-leaf\/40:focus-within { border-color: var(--palette-green) !important; }
.hover\:bg-leaf:hover, .hover\:bg-leaf-dark:hover { background-color: var(--palette-green-dark) !important; }
.hover\:border-leaf\/40:hover { border-color: rgba(23, 79, 57, .45) !important; }
.text-ink, .text-\[\#1F2430\], .text-\[\#111111\] { color: var(--palette-text) !important; }
.bg-ink { background-color: var(--palette-green) !important; }
.text-muted, .text-muted\/70, .text-ink\/55, .text-ink\/70, .text-ink\/80 { color: var(--palette-muted) !important; }
.border-ink\/5, .border-ink\/10, .border-\[\#E8E8E8\], .border-\[\#EFEFEF\], .border-\[\#F1F1F1\] { border-color: var(--palette-line) !important; }
.shadow-card, .shadow-soft, .shadow-pill, .shadow-redpill { box-shadow: 0 9px 28px rgba(55, 39, 23, .08) !important; }
.product-promo-badge, .product-price-promo { background: var(--palette-yellow) !important; color: #282819 !important; }
.product-card, .product-detail-card, #view-profile > .bg-card, #cart-items > .bg-card { border-color: var(--palette-line) !important; }
.product-add-button, .product-qty-control, #header-cart-button, #sticky-cart-button, #to-checkout-btn, #confirm-btn, #profile-login-btn, #send-support-message, #send-order-chat { background-color: var(--palette-green) !important; }
#strip-btn { background-color: #26352c !important; }
#cart-strip { background: rgba(253, 250, 245, .96) !important; }
#bottom-navigation, #site-header, #catalog-search { border-color: var(--palette-line) !important; }
.delivery-zone-marker { background: var(--palette-red) !important; }
.delivery-zone-marker.is-allowed { background: var(--palette-green) !important; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--palette-green); }

/* Clear delivery progress and an unlayered profile authentication form. */
#strip-btn { min-height: 52px; border: 1px solid rgba(255,255,255,.18); border-radius: 17px; padding: 9px 14px; box-shadow: 0 10px 28px rgba(35,48,38,.24); }
.strip-delivery { min-width: 0; flex: 1 1 auto; }
#strip-label { color: rgba(255,255,255,.84); font-size: 10px; font-weight: 650; line-height: 1; }
#strip-remaining { color: #fff1a8 !important; font-size: 12px; font-weight: 750; line-height: 1.15; }
.strip-progress-track { width: min(164px, 40vw); height: 7px; margin-top: 6px; border: 1px solid rgba(255,255,255,.34); background: rgba(255,255,255,.22); box-shadow: inset 0 1px 2px rgba(0,0,0,.16); }
#strip-progress { background: #ffe14f !important; box-shadow: 0 0 7px rgba(255,225,79,.55); }
.strip-summary { flex: 0 0 auto; }
#strip-count { color: rgba(255,255,255,.78); font-size: 11px; font-weight: 600; }
#strip-total { color: #fff; font-size: 17px; font-weight: 750; }
#profile-login.profile-auth-embedded { background: transparent !important; box-shadow: none !important; border: 0 !important; }
#profile-login.profile-auth-embedded #profile-auth-tabs { background: transparent !important; padding: 0 !important; }
#profile-login.profile-auth-embedded #profile-auth-tabs button { border: 0 !important; background: transparent !important; color: var(--palette-muted) !important; box-shadow: none !important; }
#profile-login.profile-auth-embedded #profile-auth-tabs button.is-active { background: rgba(23,79,57,.085) !important; color: var(--palette-green) !important; }
#profile-login.profile-auth-embedded input { border: 1px solid var(--palette-line); background: #fff !important; box-shadow: 0 3px 12px rgba(55,39,23,.045); }