/* Shared brand palette for the storefront and admin. Layout stays in their
   respective stylesheets. Use the named colors for accents and semantic tokens
   for actions so checkout keeps a consistent identity across surfaces. */
:root {
  --brand-olive: #52613d;
  --brand-bronze: #80612f;
  --brand-taupe: #6c6054;
  --brand-plum: #6d4961;
  --brand-rose: #8b574f;
  --brand-teal: #49666b;
  --brand-teal-dark: #385055;
  --brand-ivory: #f6f5f0;

  --checkout-bg: var(--brand-teal);
  --checkout-hover-bg: var(--brand-teal-dark);
  --checkout-foreground: #fff;
}