/* ============================================================
   UNI Secured Strapping System — brand identity
   Maroon hero, cream details. Loads AFTER product-page.css.
   Applies to all UNI-branded strapping pages (strap, buckle, tensioner).
   ============================================================ */

.pm{
  --p-accent:#8E2A36;             /* UNI maroon — primary */
  --p-secondary:#F1ECDF;          /* cream — supporting */
  --p-warm:#A88652;               /* warm tan — sparingly */
}

/* Brand chip styling — single UNI chip per page */
.pm-brand-uni{
  color:#8E2A36;
  background:color-mix(in srgb, #F1ECDF 70%, transparent);
  border-color:#8E2A36;
}

/* Hero gradient — maroon bias, cream undertone */
.pm-hero{
  background:linear-gradient(135deg,
    color-mix(in srgb, #8E2A36 9%, var(--bg)) 0%,
    color-mix(in srgb, #F1ECDF 50%, var(--bg-alt)) 100%);
}

/* Type badge — distinguishes UNI category headers */
.pm-typebadge{
  background:#8E2A36;
  color:#F1ECDF;
  letter-spacing:.06em;
}

/* SC86 vs SC106 variant comparison table — uses brand colour for variant headers */
.pm-compare .v86, .pm-compare .v106{color:#8E2A36}

/* Cross-sell card hover */
.pm-pair:hover{border-color:#8E2A36}

/* On the dark Midnight Ember theme, the deep maroon is unreadable as text.
   Brighten the accent (same hue) so cert values / numbers / prices pass AA.
   The brand chip, typebadge and hero keep the true maroon (explicit hex above). */
[data-theme="dark"] .pm{ --p-accent:#D98C95; }