/*
 * Prime theme (theme id 1) — branding stylesheet.
 *
 * Prime historically had NO stylesheet: its "One" components hard-coded colours
 * (bg-green-600, bg-black, text-white, brandbg = --primary-color) and relied on
 * the global :root in app/globals.css for a handful of variables.
 *
 * This file gives Prime its own canonical :root so a store's live branding can
 * recolour the whole theme through buildBrandingCss (THEME_BRANDING_MAP[1]).
 * Variable names match the StoreInfo branding API 1:1 (primaryColor ->
 * --primary-color, secondaryColor -> --secondary-color, backgroundColor ->
 * --background-color, textColor -> --text-color/--heading-color, ctaColor ->
 * --cta-color) so the mapping stays a straight pass-through.
 *
 * Cascade: app/globals.css (bundled) -> ThemeConfig :root (SiteStructure,
 * inline) -> THIS stylesheet (<link>) -> #branding-css (live per-store, wins).
 * The defaults below reproduce Prime's current look, so with no branding set
 * nothing changes visually.
 */

:root {
  /* Brand accents: links, active wishlist heart, swiper arrows, selected pills */
  --primary-color: #ec0b43;

  /* Discount / "% OFF" badge on product tiles */
  --secondary-color: #16a34a;

  /* Spare accent (API parity — no component consumes it yet) */
  --tertiary-color: #6b7280;

  /* Page & section backgrounds (each component paints its own main div) */
  --background-color: #ffffff;

  /* Body copy + headings */
  --text-color: #000000;
  --heading-color: #000000;

  /* Call-to-action buttons: Add To Cart, Buy, Enquiry, Submit Review */
  --cta-color: #ec0b43;

  /* Neutral surface for unselected controls (kept off branding on purpose) */
  --tile-color: #ffffff;
}