/* Kitwave Retail theme — colours from the V1 storefront theme */
:root {
  /* V1 header accent was the same colour as the primary, so no distinct
     --brand-accent here. */
  --primary: #000f8f;
  --primary-foreground: oklch(0.985 0 0);
  --ring: #000f8f;

  /* KitWave header treatment (FO-4675 tokens), matching creed/total/
     westcountry: a white utility strip over a brand rule, then the white
     logo/search band — the rule, not a change of surface, divides the two.
     The default --top-bar (--muted grey) reads as a third band and leaves the
     rule nothing to do, so the strip goes white; the search field follows it.

     --top-bar-rule is named EXPLICITLY here rather than taking its
     var(--primary) default. --primary on this tenant is #000f8f, a placeholder
     shared with three other KitWave tenants from #3578, not a brand colour —
     so the default would put the same navy rule on four different brands.
     Left as-is deliberately (Mike, 2026-09-08): correcting --primary would
     move every button and CTA, which is a separate decision.

     The rule is a literal, not var(--brand-accent): this file records no
     accent, its note saying the V1 accent was the same as the primary — but
     the primary here is the #000f8f placeholder, not this tenant's colour, so
     that note cannot be taken at face value. #1c3f95 is read off the artwork,
     which is the only trustworthy source until the primary is corrected.
     9.57:1 — heavy, but a true blue rather than a near-black, so it still
     reads as brand.

     --top-bar-foreground/-strong keep the platform muted/foreground pair:
     0.556 grey on white is 4.8:1, so the links clear AA at rest. */
  --top-bar: var(--background);
  --top-bar-rule: #1c3f95;
  --top-bar-rule-height: 4px;
  --search-field: var(--background);
  --store-header-height-desktop: 5rem;

  /* 3.71:1 wordmark; 40px tall renders ~148px wide. The 20px default
     rendered it 74px wide. Wide, but well short of the 11rem cap barrygroup
     needs at 14:1. */
  --store-logo-height: 2.5rem;
}

.dark {
  --primary: oklch(from #000f8f 0.72 c h);
  --primary-foreground: oklch(0.204 0 0);
  --ring: oklch(from #000f8f 0.72 c h);
}