/**
 * Shared feature accent tones for landing header Features menu
 * and home-features-stack kickers / icon chips.
 * Keep in sync across header.php and home_feature_blocks.
 * Header Features menu uses brand color for all four agent icons
 * (reach/leads map to SEO in header.php).
 * home-features-stack also overrides reach/leads to brand color.
 * Home hero agents use --th-brand-color via --hha-accent.
 */
:root {
  --feature-title-accent: var(--th-brand-color, #155eee);

  /* 1. SEO Agent — brand color */
  --feature-seo-accent: var(--th-brand-color, #155eee);
  --feature-seo-bg: var(--th-brand-color-light, #eef6ff);
  --feature-seo-border: var(--th-brand-color-border-solid, #d5e2f3);
  --feature-seo-tint: var(--th-brand-color-surface, #f5f8ff);
  --feature-seo-hover: var(--th-brand-color-surface, #f5f8fc);

  /* 2. Community Agent — professional purple */
  --feature-reach-accent: #5b4adb;
  --feature-reach-bg: #f1effc;
  --feature-reach-border: #ddd8f5;
  --feature-reach-tint: #f7f6fd;
  --feature-reach-hover: #f3f1fa;

  /* 3. Content Agent — brand color */
  --feature-dist-accent: var(--th-brand-color, #155eee);
  --feature-dist-bg: var(--th-brand-color-light, #eef6ff);
  --feature-dist-border: var(--th-brand-color-border-solid, #d5e2f3);
  --feature-dist-tint: var(--th-brand-color-surface, #f5f8ff);
  --feature-dist-hover: var(--th-brand-color-surface, #f5f8fc);

  /* 4. Conversion Agent — professional purple */
  --feature-leads-accent: #5b4adb;
  --feature-leads-bg: #f1effc;
  --feature-leads-border: #ddd8f5;
  --feature-leads-tint: #f7f6fd;
  --feature-leads-hover: #f3f1fa;

  /* Legacy Prompt Tracking tones (feature page / footer only) */
  --feature-prompt-accent: var(--th-brand-color, #155eee);
  --feature-prompt-bg: var(--th-brand-color-light, #eef6ff);
  --feature-prompt-border: var(--th-brand-color-border-solid, #d5e2f3);
  --feature-prompt-tint: var(--th-brand-color-surface, #f5f8ff);
  --feature-prompt-hover: var(--th-brand-color-surface, #f5f8fc);
}