/*
 * Template 4 — base styles + theme token overrides.
 *
 * Convention: every class carries its own values — no dependency on
 * body class / parent wrapper / site-level CSS vars. Site-wide rules
 * (page-wrapper reset, body padding…) belong in global/base.css so a
 * page can mix elements from multiple templates without conflict.
 *
 * Per-template tokens override under `body.tcdt-color-t4`. Body class is
 * set in inc/fn-setup-body-class.php from Customizer `iw_color_scheme`
 * (which defaults to follow `hf_template_variant`, but can be set
 * independently). Default token list lives in global/base.css.
 *
 * Primary brand: #18B446 (xanh lá tươi).
 */

body.tcdt-color-t4 {
  --iw-accent:        #18B446;   /* primary — TOC border, link, active state */
  --iw-accent-strong: #329e05;
  --iw-accent-soft:   #ecfae6;

  --iw-price: #16a34a;           /* darker green — price text khác accent (xem screenshot T4) */

  --iw-cta-bg:       #18B446;
  --iw-cta-bg-hover: #329e05;

  /* Gradient CTA riêng (xanh Figma card v4 328:5946) khác accent #18B446 →
     khai báo explicit. Bỏ 2 dòng này thì nút tự fallback về accent (vẫn xanh). */
  --iw-cta-grad-from: #40c706;
  --iw-cta-grad-to:   #34ad00;

  --iw-banner-grad-from: #65d62e;
  --iw-banner-grad-to:   #329e05;
}