@import "palette.css";
/* PEMAI BRAND ACCENT - SINGLE SOURCE OF TRUTH (website + admin both read this).
   Change the colour HERE (these 6 tokens) and it updates EVERYWHERE:
   - public site: css/styles.css aliases the orange and accent tokens to these
   - admin backend: admin/admin.css + login.php alias the secondary and orange tokens
   Current: "Rojo senal" - Yadira's pick, 2026-06-12 (was orange #FF6B00).
   Exception that cannot read a CSS var: the meta theme-color tags in
   _layout.php + login.php carry a literal hex.
   NOTE: never write an asterisk-slash sequence inside this comment - it closes it. */
:root{
  --brand:        #FF0033;   /* base accent */
  --brand-dark:   #D4002B;   /* hover / pressed / dark text */
  --brand-light:  #FF3355;   /* light / hover-lift */
  --brand-rgb:    255, 0, 51; /* comma form: rgba(var(--brand-rgb), a) */
  --brand-rgb-sp: 255 0 51;  /* space form: rgb(var(--brand-rgb-sp) / a) */
  --brand-ink:    #ffffff;   /* text ON a solid brand fill */

  /* Universal Frontend Standards aliases (Zero-Drift) - agency components are
     token-driven via --primary/--white/--scrollbar-accent; alias them to the
     single-source brand tokens above so the components resolve here too. */
  --primary:                 var(--brand);
  --white:                   #ffffff;
  --scrollbar-accent:        var(--brand);
  --scrollbar-accent-strong: var(--brand-dark);
}