/* Total Foodservice theme */
:root {
  /* Brand primary — the Total wordmark navy. Their artwork navy is #002c50;
     #002c51 (1 in the blue channel, imperceptible) is the exact value
     decided on FO-3774, so the two aren't a typo of each other. This is
     picked over `tenants.primary_colour`, which is unset/NULL for this
     tenant on both staging and prod — not a stale value to override, simply
     nothing recorded — so the artwork is the only source of truth available.
     White on this navy is 11.7–13.6:1, safe as both a surface and a text
     colour. */
  --primary: #002c51;
  --primary-foreground: oklch(0.985 0 0);
  --ring: #002c51;

  /* The swoosh blue from the logo's ring device. Tenant-curated accent
     token — registered as a Tailwind colour in globals.css. Still read by no
     component (same status as savona.css's --brand-accent); the header rule
     below repeats the hex rather than pointing at it, so that this file keeps
     working if --brand-accent is ever retired for having no consumers. */
  --brand-accent: #3798d4;

  /* Header seam. The KitWave storefronts share one shape: a white utility
     strip over a thick brand rule, then the white logo/search band, with the
     rule (not a change of surface) dividing the two — see creed.css, which
     established it. Ours defaulted the strip to --muted (grey), which read as
     a third band and left the rule nothing to do, so the strip goes white.

     Deliberately NOT the primary navy the rule colour defaults to (Mike,
     2026-09-08). #002c51 is near-black — 4px of it on white is a rule with the
     weight of a border, where Creed's orange reads as a brand device. The
     swoosh blue is the lighter of Total's two logo colours and is the one that
     carries the line without turning it into a divider.

     --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 and go to full
     ink on hover. */
  --top-bar: var(--background);
  --top-bar-rule: #3798d4;
  --top-bar-rule-height: 4px;

  /* Search pill fill. White, not the platform's `--muted` at 50%, so the field
     matches the white header band around it — the KitWave storefronts run a
     white-on-white field bounded by its `border-input` outline rather than a
     grey trough. */
  --search-field: var(--background);

  /* Add-to-cart CTA — same navy as --primary; Total's artwork carries no
     separate CTA colour, so --add-button just confirms the platform
     default rather than diverging from it. Light foreground reaches
     13.60:1, comfortably clear of AA. */
  --add-button: #002c51;
  --add-button-foreground: oklch(0.985 0 0);

  /* Not about the overall 2.69:1 aspect ratio alone (close to Savona's
     2.73:1, which keeps the 1.75rem default). Total's viewBox carries a
     "foodservice" strapline under the bold "TOTAL" mark, same shape as
     Creed's — that secondary line eats into the box without adding to the
     primary wordmark's legibility, so the letters render smaller than the
     raw ratio implies at a given height. 3rem keeps "TOTAL" itself
     readable. */
  --store-logo-height: 3rem;
}

.dark {
  /* Storefront currently forces light mode; kept for parity with the other
     tenant themes. Same navy hue/chroma, lightened so it reads on dark. The
     swoosh accent is left unchanged — same treatment as savona.css's gold. */
  --primary: oklch(from #002c51 0.72 c h);
  --primary-foreground: oklch(0.2 0 0);
  --ring: oklch(from #002c51 0.72 c h);
  /* The header rule is the one token here pinned to a LITERAL rather than
     tracking --primary, so unlike creed and westcountry (which take the
     var(--primary) default and relight with it) it would not follow a theme
     flip unless restated. Same swoosh blue, lightened by the derivation the
     rest of this block uses. */
  --top-bar-rule: oklch(from #3798d4 0.72 c h);
}