/* ============================================================
   Proactiva Textil — Design tokens (supplemental, theme source of truth)
   Loaded after style.css. Two jobs:
   1) Force the Kadence global palette to brand colors in CSS (replaces the
      old JS hack in force-brand-colors.php — no more inline-style flashes).
   2) Add the button/focus/WhatsApp tokens used by buttons.css.
   The core --pt-* tokens (brand, craft, ink, spacing, shadows, fonts) already
   live in style.css :root and are NOT redefined here.
   ============================================================ */

:root {
  /* --- Kadence global palette -> brand (was forced via JS) --- */
  --global-palette1: #a5c83f;            /* brand / primary (lime)   */
  --global-palette2: #8ab030;            /* brand hover (lime-600)   */
  --global-palette8: #F5F8EE;            /* subtle background        */
  --global-palette9: #FFFFFF;            /* white                    */
  --global-palette-btn-bg: #a5c83f;
  --global-palette-btn-bg-hover: #8ab030;
  --global-palette-highlight: #a5c83f;
  --global-palette-highlight-alt: #8ab030;

  /* --- Clear brand aliases (map to existing --pt-* tokens) --- */
  --pt-petrol: var(--pt-ink);            /* #042f3d */
  --pt-teal: var(--pt-craft);            /* #0b617e */
  --pt-lime: var(--pt-brand);            /* #a5c83f */
  --pt-lime-600: var(--pt-brand-hover);  /* #8ab030 */
  --pt-cream: var(--pt-bg);              /* #F5F8EE */

  /* --- Unified button system tokens --- */
  --pt-btn-radius: 999px;                /* one pill radius for every CTA */
  --pt-btn-min: 48px;                    /* touch target (>= 44px)        */
  --pt-btn-font: var(--pt-font-head);    /* Poppins                       */
  --pt-focus-ring: 0 0 0 3px rgba(165, 200, 63, .45);
  --pt-focus-ring-dark: 0 0 0 3px rgba(255, 255, 255, .60);

  /* --- WhatsApp CTA (unified premium gradient) --- */
  --pt-wa-grad: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  --pt-wa-grad-hover: linear-gradient(135deg, #1EBE5A 0%, #0E7A6E 100%);
  --pt-wa-shadow: 0 8px 24px rgba(37, 211, 102, .30);
}