/* Shared customer palette, preserving page layout and status semantics. */
body{--bg:#101512;--panel:#19241d;--line:#344132;--muted:#b1bda9;--yellow:#cdff36;background-color:#101512;color:#eef3eb}
body:is(.store-home,.store-product,.store-account,.customer-orders){background-color:#101512;color:#eef3eb}
body>header{background-color:#101713;border-color:#29382e}
.account-box,.account-card,.account-sidebar,.payment-main,.payment-summary,.purchase,.product-choices,.product-summary,.inline-product{background-color:#19241d!important;border-color:#344132!important;color:#eef3eb}
.account-main #auth-box{background-color:#19241d;border-color:#344132}
body .purchase-head,body .purchase-item+.purchase-item{border-color:#344132}
body :is(.account-main,.payment-layout,.order-search) input:not([type=checkbox]):not([type=radio]),body :is(.account-main,.payment-layout) select{background-color:#202a23;color:#eef3eb;border-color:#465344}
body .hint,body .orders-note,body .purchase-pack{color:#b1bda9}
body .purchase-actions a{background:#cdff36;border-color:#cdff36;color:#14200d!important;text-decoration:none}
body .purchase-actions .get-code{background:#293b2d;border-color:#53684c;color:#eef3eb}
body .purchase-actions .get-code.opened{background:#17241b;border-color:#53684c}
body .account-sidebar button{color:#d4dfcc;background:transparent}body .account-sidebar button.selected{color:#cdff36;background:#293b2d}

/* One type scale across customer pages; voucher codes keep monospace. */
body{--customer-body:13px;--customer-control:13px;--customer-small:11px;--customer-title:26px;--customer-section:19px;font-family:Arial,Helvetica,sans-serif;font-size:var(--customer-body);line-height:1.5}
body main :is(h1,.orders-heading h1,.account-box h1,.account-card h1){font-family:inherit;font-size:var(--customer-title);line-height:1.25;letter-spacing:-.5px}
body main :is(h2,.account-card h2,.section-heading h2){font-family:inherit;font-size:var(--customer-section);line-height:1.35;letter-spacing:-.2px}
body main :is(h3,.purchase-name,.card h3){font-size:var(--customer-body);line-height:1.4}
body main :is(button,input,select,textarea,summary,label,.primary,.purchase-actions a,.social-grid a,.account-action){font-family:inherit;font-size:var(--customer-control);line-height:1.5}
body main :is(.hint,.orders-note,.purchase-pack,.purchase-head,.purchase-quantity,small){font-size:var(--customer-small);line-height:1.5}
body main .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.12em}
body main :is(.intro p,.section-heading>span,.account-card p){font-size:var(--customer-body);line-height:1.55}
html body>header .search input{font-family:inherit;font-size:var(--customer-control)}
html body .mobile-account-menu nav :is(a,button){font-family:Arial,Helvetica,sans-serif;font-size:var(--customer-control)}
html body .mobile-account-head{font-family:Arial,Helvetica,sans-serif;font-size:14px}
body main :is(.purchase-price,.price-line b){font-size:var(--customer-body);line-height:1.4}
@media(max-width:780px){body{--customer-body:12px;--customer-control:12px;--customer-small:11px;--customer-title:22px;--customer-section:17px}
body main :is(.intro h1,.migration-copy h1,.migration-copy h2){font-size:var(--customer-title);line-height:1.3}
body main :is(.filters button,#status-tabs button,#reload-orders,.purchase-actions button,.purchase-actions a){font-size:var(--customer-control)}
body main :is(.purchase-head time,.purchase-quantity,#status-tabs span){font-size:var(--customer-small)}
body main #account-balance{font-size:26px;line-height:1.3}
}