/* FORME PILATES — shared visual identity, September 2026. */
@font-face{font-family:'Inter Tight';src:url('./fonts/InterTight-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{
  --brand-taupe:#A3917E;--brand-dark:#2B221C;--brand-brown:#41342B;--brand-cream:#FBF9F5;--brand-white:#FFFFFF;--brand-border:#E7E3DF;
  --bg:var(--brand-white);--paper:var(--brand-white);--ink:var(--brand-dark);--muted:var(--brand-brown);
  --line:var(--brand-border);--accent:var(--brand-dark);--green:var(--brand-dark);--mint:var(--brand-cream);--red:var(--brand-brown);
  color-scheme:light;font-family:'Inter Tight',Arial,sans-serif;font-size:16px;color:var(--ink);background:var(--bg)
}
body{font-family:'Inter Tight',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;background:var(--bg);color:var(--ink)}
button,input,select,textarea,kbd{font-family:inherit}
button,.button,input[type=submit],input[type=button]{font-size:16px;font-weight:600;line-height:1.4}
p,li,td,th,label,legend,input,select,textarea,small,.small{font-size:16px}
h1,.intro h1{font-family:inherit;font-size:40px;font-weight:500;line-height:1.15;letter-spacing:-.6px;overflow-wrap:anywhere}
h2,h3,h4,.dialog-body h2,dialog h2,.detail-info h2,.shop-card h2,.service-note h2,.cash-card h3{font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0}
.eyebrow,.product-name,.card-category,th{font-size:16px;font-weight:700}
.brand,.brand small,footer .brand{font-family:inherit;font-size:16px;letter-spacing:.5px}
.brand-mark,.mark{font-family:inherit;font-size:40px;font-weight:500;line-height:1;letter-spacing:-3px;margin:0 5px 0 0;color:var(--brand-dark)}
.announcement{background:var(--brand-dark);color:var(--brand-cream);font-size:16px;letter-spacing:1px}
.primary,.cash-button,.branches button.selected,.categories button.selected,.shop-header .bag-button span{background:var(--brand-dark);color:var(--brand-cream)}
.primary:hover:not(:disabled),.cash-button:hover:not(:disabled){background:var(--brand-brown)}
.secondary,.row-actions button,.bag-button,.quick-cash button{background:var(--brand-white);color:var(--ink);border:1px solid var(--line)}
.secondary:hover:not(:disabled),.row-actions button:hover:not(:disabled),.quick-cash button:hover:not(:disabled){background:var(--brand-cream);color:var(--brand-dark)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-brown);outline-offset:3px}
a,input::placeholder,.muted,.small,.catalog-meta,.catalog-footer,.bottom-bar,.connection,.product-stock,.unit-price,.branch-note,.note-right,.empty-cart,.empty-cart strong,.checkout-hint,.instructor-control small{color:var(--brand-brown)}
.topbar,.top,.basket,.checkout,.shop-header,.panel,.metric,.cash-card,.stock-table,.toolbar,dialog{background:var(--brand-white)}
.notice,.demo-note,.demo-tag,.notice.warning,.notice.error,.demo,.cash-count,.cash-count.difference{background:var(--brand-cream);color:var(--brand-brown);border:1px solid var(--line)}
.notice.error,.errorlist,.form-error,.cash-count.difference{border-left:3px solid var(--brand-brown)}
.error,.errorlist,.negative,.positive,.product-stock.out,.product-stock.low,.out{color:var(--brand-brown)}
.product-stock.out,.out,.negative{font-weight:700}
.product{--category-color:var(--brand-taupe);--category-bg:var(--brand-cream);--category-ink:var(--brand-brown)}
.product-tag{border:1px solid var(--line);font-weight:400;letter-spacing:0;text-transform:none}
.product:hover:not(:disabled){border-color:var(--brand-brown)}
.product:disabled{opacity:.7;background:var(--brand-white)}
.connection i,.stock-dot,.bar{background:var(--brand-brown)}
.instructor-control button[aria-checked=true]{background:var(--brand-cream);border-color:var(--brand-brown)}
.instructor-control strong,.instructor-control small{font-size:16px}
.instructor-control button[aria-checked=true] small{color:var(--brand-dark)}
.switch-track{background:var(--brand-taupe)}
.metric.featured{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-cream)}
.metric.featured>span,.metric.featured small{color:var(--brand-cream)}
.metric strong,.cash-card .balance,.sum-row strong{font-size:40px;font-weight:500;line-height:1.15;letter-spacing:-.6px;overflow-wrap:anywhere}
.metric{min-width:0}.metric small{line-height:1.5}
.cash-card header,.heading,.catalog-heading,.catalog-caption{flex-wrap:wrap}
.topbar{height:auto;min-height:90px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.top{flex-wrap:wrap;gap:20px}.top nav{flex-wrap:wrap;gap:20px}.top nav a{font-size:16px}
.top-right{flex-wrap:wrap;gap:14px}.top-right .admin-link{font-size:16px}
.catalog-meta,.catalog-footer,.bottom-bar{height:auto;min-height:36px;flex-wrap:wrap;gap:8px;line-height:1.5}
.branch-note{flex-wrap:wrap}.basket-heading h2 span{min-width:28px;height:28px}
.line-name{max-width:none}.product-bottom{flex-wrap:wrap}
.product-price,.line-total,.unit-price,.cart-sum,.card-bottom strong,.detail-price,.report-line strong{font-size:16px;font-weight:400;letter-spacing:0}
.quantity-control button,.quantity button,.close,.add-button{font-size:24px;line-height:1;font-weight:600}
.card-photo img[src*="forme-"],.detail-photo img[src*="forme-"]{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.detail-photo{overflow:hidden}.shop-card .card-photo{border:1px solid var(--line)}
.shop-card .availability{font-size:16px}.shop-card .card-category{margin-bottom:8px}
.bar-column{min-width:32px}.bars{gap:8px}
@media(max-width:650px){.intro h1,h1{font-size:40px}.topbar{padding:16px}.top nav{gap:14px}.shop-header nav{flex-wrap:wrap;gap:12px}.announcement{font-size:16px;letter-spacing:0}.catalog-caption{align-items:flex-start}.metric strong{font-size:40px}.brand small{letter-spacing:0}.report-filters{align-items:stretch}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* White surfaces; beige is reserved for small accents and gentle status fills. */
.product,.product-photo,.search-wrap,.icon-button,.card-photo,.detail-photo,.sold-label,footer,.bottom-bar{background:var(--brand-white)}
.product-tag,.branches,.bag-button,.inventory-stats,.numbers,.cash-due,.payment-note{background:var(--brand-cream)}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--line)}

/* Operational accents: category recognition and missing inventory. */
.product .product-tag{color:var(--category-ink);background:var(--category-bg);border-color:var(--category-color);font-weight:700}
.product .product-photo{border-bottom:4px solid var(--category-color);padding-bottom:5px}
.product::after{height:5px;background:var(--category-color)}
#inventory-rows .negative,.inventory-stats .negative{color:#B42318;font-weight:700}
#inventory-rows .inventory-shortage-row{background:#FFF1F0}
#inventory-rows .inventory-shortage-row td:first-child{border-left:3px solid #B42318}
.inventory-shortage{color:#B42318;background:#FFF1F0;border-left:3px solid #B42318;border-radius:6px;padding:14px 16px}
.history-item.inventory-shortage header,.history-item.inventory-shortage header strong{color:#B42318;font-weight:700}