:root{
  --menu-bg:var(--customer-background,#f7faf8);
  --menu-surface:var(--customer-surface,#fff);
  --menu-soft:var(--customer-background,#f6f8fb);
  --menu-soft-strong:var(--customer-border,#edf3f8);
  --menu-text:var(--customer-text,#172033);
  --menu-muted:var(--customer-muted,#667085);
  --menu-border:var(--customer-border,#e1e7ef);
  --menu-primary:var(--customer-primary,#176b4d);
  --menu-primary-dark:var(--customer-primary-dark,#10533b);
  --menu-accent:var(--customer-accent,#f4b740);
  --ca-primary:var(--customer-primary,#176b4d);
  --ca-dark:var(--customer-text,#13231d);
  --ca-muted:var(--customer-muted,#64748b);
  --ca-border:var(--customer-border,#dce5e1);
  --ca-soft:var(--customer-background,#f1f7f4);
  --shop-green:var(--customer-primary,#136b4b);
  --shop-dark:var(--customer-text,#10251d);
  --shop-soft:var(--customer-background,#f3f8f5);
  --shop-line:var(--customer-border,#dce8e1);
  --shop-orange:var(--customer-accent,#ef8b2c);
}

html{font-size:var(--customer-root-font-size,16px)}
body.qr-menu,
body.customer-account-body,
body.online-shop-body{
  background:var(--customer-background,#f7faf8);
  color:var(--customer-text,#172033);
  font-family:var(--system-font,"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif);
}

.qr-site-header,
.qr-header-categories,
.qr-shop-card,
.qr-product-card,
.qr-menu-command-card,
.online-shop-nav,
.online-shop-search,
.online-product-card,
.online-cart-lines,
.online-checkout-panel,
.customer-account-nav,
.customer-account-footer,
.account-auth-card,
.account-summary-grid article,
.account-panel{
  background-color:var(--customer-surface,#fff);
}

.qr-site-header,
.qr-header-categories,
.qr-shop-card,
.qr-product-card,
.online-shop-nav,
.online-product-card,
.online-cart-lines,
.online-checkout-panel,
.customer-account-nav,
.customer-account-footer,
.account-auth-card,
.account-summary-grid article,
.account-panel{
  border-color:var(--customer-border,#e1e7ef);
}

.qr-site-header,
.qr-header-categories{background:var(--customer-surface,#fff)}
.online-shop-hero{
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.15),transparent 28%),
    linear-gradient(125deg,var(--customer-primary-dark,#10533b),var(--customer-primary,#176b4d));
}
.btn-primary{
  --bs-btn-bg:var(--customer-primary,#176b4d);
  --bs-btn-border-color:var(--customer-primary,#176b4d);
  --bs-btn-hover-bg:var(--customer-primary-dark,#10533b);
  --bs-btn-hover-border-color:var(--customer-primary-dark,#10533b);
}