/* MerchIQ brand primitives — the single source of truth for Merch Unlimited's colours.
 *
 * Loaded by EVERY page, including the standalone ones (the shop-floor board, the
 * QR job-scan page, and the public error/payment pages) which otherwise ship
 * their own CSS and do not load style.css.
 *
 * Only put values here that are the same everywhere. Surfaces, text and semantic
 * colours legitimately differ between the dark admin UI and the light public
 * pages, so those stay with each page's own CSS and reference --brand from here.
 *
 * Change the brand teal in this file and it changes everywhere. */

:root {
  /* The storefront brand cyan. Sampled from the logo master, which is #00ffff on
   * black; held one step back from full saturation so it sits on the charcoal UI
   * without glowing. 12.1:1 against the app background. */
  --brand: #00e9f0;
  --brand-strong: #5ff5fa;
  --brand-press: #00c2c9;
  /* Unspaced on purpose: it is substituted into rgba(var(--brand-rgb),.14). */
  --brand-rgb: 0,233,240;

  /* Dark ink for text/icons sitting ON the brand colour. 12.0:1 on --brand. */
  --brand-ink: #03191b;
}