/**
 * Global CTA / Buttons System (Phase 2D).
 *
 * Applies brand tokens (assets/css/brand.css) to the theme's existing shared
 * button classes (.alm-btn--primary / .alm-btn--wa / .alm-btn--ghost),
 * defined in assets/css/header.css. Loaded AFTER header.css (as a dependency)
 * so these rules win via normal cascade — header.css itself is not edited.
 *
 * Scope: only re-colors the existing classes with token values. No new
 * classes, no layout changes, no redesign.
 */

.alm-btn--primary {
  background: var(--alm-navy);
  color: var(--alm-white);
}

.alm-btn--ghost {
  background: var(--alm-white);
  color: var(--alm-navy);
}

/* WhatsApp must always be clearly recognizable as WhatsApp: solid WhatsApp
   green, white text/icon — the real, expected color everywhere the button
   represents a WhatsApp action. Includes the mobile sticky bottom bar
   (.alm-bottombar__btn--wa, a separate class from .alm-btn--wa, same idea)
   so WhatsApp is consistently green everywhere on the site, not just in
   most places. Its HTML/behavior (header.php) is untouched — color only. */
.alm-btn--wa,
.alm-bottombar__btn--wa {
  background: var(--alm-whatsapp);
  color: var(--alm-white);
}

.alm-bottombar__btn--call {
  background: var(--alm-navy);
  color: var(--alm-white);
}