/**
 * Tri-site design tokens — SSOT for compare · GMM · www
 * Source: pseo-session/assets/brand/tri-site-tokens.css
 * Sync: npm run tokens:sync
 */
:root {
  /* Matrix shared */
  --matrix-brand-teal: #1e4d48;
  --matrix-ink: #0f172a;
  --matrix-muted: #64748b;
  --matrix-border: #e2e8f0;
  --matrix-surface: #f8fafc;
  --matrix-radius: 12px;
  --matrix-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* compare.heathlifestyle.com */
  --compare-accent: #16a34a;
  --compare-accent-soft: #f0fdf4;
  --compare-sleep: #4338ca;
  --compare-sleep-soft: #eef2ff;
  --compare-stress: #b45309;
  --compare-stress-soft: #fffbeb;

  /* globalmarketmetrics.com */
  --gmm-accent: #38bdf8;
  --gmm-trust: #1e3a5f;
  --gmm-trust-hover: #0f2744;
  --gmm-chart-up: #16a34a;
  --gmm-chart-down: #dc2626;

  /* www.heathlifestyle.com */
  --www-cta: #e67e22;
  --www-sleep: #4338ca;
  --www-stress: #b45309;
}

/* Legacy aliases (www frankenstein CSS) */
:root {
  --hl-ink: var(--matrix-ink);
  --hl-muted: var(--matrix-muted);
  --hl-sleep-accent: var(--compare-sleep);
  --hl-stress-accent: var(--compare-stress);
}