/* PayMerch Theme - brand teal #004751, the dark half of the logotype (#004750).
   Note site.webmanifest still says #596AFF; that value is stale, not a second
   brand colour. */
/* Loaded from /branding/theme.css by src/app/layout.tsx. The selectors are
   doubled on purpose: globals.css compiles its :root/.dark blocks without a
   cascade layer, so equal specificity would leave the winner up to link order.
   :root:root (0,2,0) beats :root (0,1,0) whichever loads first. */
/* The fractional hue and lightness are not fussiness: rounded to whole numbers
   this lands on #004852, a shade off the brand hex. */
:root:root {
  --primary: 187.41 100% 15.88%;
  --primary-foreground: 0 0% 100%;
  --ring: 187.41 100% 15.88%;
}

/* Lightened for dark mode: at 16% lightness the teal sits 1.9:1 against the
   near-black dark background and stops reading as a button. 29% is the
   lightest this hue goes while white text still clears WCAG AA (4.54:1), and
   gives 4.4:1 against the background. */
.dark.dark {
  --primary: 187.41 100% 29%;
  --primary-foreground: 0 0% 100%;
  --ring: 187.41 100% 29%;
}