/* Automatic Retailing theme — colours from the V1 storefront theme */
:root {
  --primary: #000f8f;
  --primary-foreground: oklch(0.985 0 0);
  --ring: #000f8f;
  /* V1 header accent colour (red). */
  --brand-accent: #d52346;

  /* 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 takes var(--brand-accent) — the V1 header accent colour
     (#d52346), already recorded at the top of this file. The token, not the
     hex: --brand-accent IS the record of what V1 put at this exact position,
     so the rule is its first real consumer rather than a second copy that can
     drift. 5.05:1 on white, so it reads as a brand device; the logo's
     dominant #303030 would be 13.20:1, a border rather than a device.

     --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: var(--brand-accent);
  --top-bar-rule-height: 4px;
  --search-field: var(--background);
  --store-header-height-desktop: 5rem;

  /* 2.50:1 mark; 44px tall renders ~110px wide, and leaves 18px of clearance
     either side in the 80px row. The 20px default rendered it 50px wide. */
  --store-logo-height: 2.75rem;
}

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