/* 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 cap governs the PAINTED height, because `HeaderStoreLogo` pairs it with
     `object-contain`: 11rem / 14.29 ~= 12.3px of ink in a 24px box. It is not
     the browser scaling the height down — before FO-4749 this comment claimed
     that, and the mark was in fact being stretched 1.95x to fill the box. */
  --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);
}