/*
 * Template 2 — 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-t2`. 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: #ff2881 (hồng).
 */

body.tcdt-color-t2 {
  --iw-accent:        #ff2881;
  --iw-accent-strong: #d6196e;
  --iw-accent-soft:   #fff0f6;

  --iw-price: #ff2881;

  --iw-cta-bg:       #ff2881;
  --iw-cta-bg-hover: #d6196e;

  /* KHÔNG cần set --iw-cta-grad-*: consumer fallback về var(--iw-accent) (hồng).
     T2 là minh hoạ cho cách template mới hoạt động — chỉ cần --iw-accent. */

  --iw-banner-grad-from: #ff5599;
  --iw-banner-grad-to:   #d6196e;
}