/* Barry Group theme */
:root {
  /* Brand primary — the Barry Group wordmark maroon (#440E20). Feeds primary
     buttons/links/rings and the derived page-builder --palette-* tokens. */
  --primary: #440e20;
  --primary-foreground: oklch(0.985 0 0);
  --ring: #440e20;
  --brand-accent: #440e20;

  /* Header top strip — brand maroon with light text (default is muted grey). */
  --top-bar: #440e20;
  --top-bar-foreground: oklch(0.9 0 0);
  --top-bar-foreground-strong: oklch(1 0 0);
  --top-bar-accent: oklch(1 0 0);

  /* Desktop sizes the logo by height (h-[var(--store-logo-height)] w-auto).
     The wide wordmark reads large at the 1.25rem default, so trim it a touch.
     Below the 1.5rem mobile/native floor, so this only affects desktop. */
  --store-logo-height: 1rem;

  /* The Barry Group wordmark is ~14:1 (400×28). On the mobile/native headers,
     which floor the logo height at 1.5rem, that would render ~343px wide and
     blow out the row. Cap the width so it sits alongside the toggle/search/cart;
     the browser scales the height down to match (aspect ratio preserved). */
  --store-logo-max-width: 11rem;
}

.dark {
  /* Storefront currently forces light mode; kept for parity with the other
     tenant themes. Same maroon hue/chroma, lightened so it reads on dark. */
  --primary: oklch(from #440e20 0.72 c h);
  --primary-foreground: oklch(0.2 0 0);
  --ring: oklch(from #440e20 0.72 c h);
  --brand-accent: oklch(from #440e20 0.72 c h);
}