/**
 * FXD Color System
 * Single source of truth for color across forexdailyinfo.com
 * plugins (header/footer builder, FXD Core, etc.)
 *
 * Enqueue this ONE file first (before any plugin CSS), then
 * reference these variables instead of hardcoded hex values.
 */

:root {

  /* ── Brand ─────────────────────────────── */
  --fxd-primary:       #4B52FF;
  --fxd-primary-hover: #4A51FE;
  --fxd-primary-light: #6268F9;
  --fxd-primary-tint:  #F1F1FB; /* light bg wash, e.g. active/selected state */

  /* ── Neutrals ──────────────────────────── */
  --fxd-text:          #1F2937;
  --fxd-text-muted:    #6B7280;
  --fxd-border:        #E5E7EB;
  --fxd-surface:       #FFFFFF;
  --fxd-surface-alt:   #FAFAFA;
  --fxd-dark:          #1A1D2E; /* dark surfaces only, e.g. footer bg */

  /* ── Social brand icons (fixed, not site brand) ── */
  --fxd-whatsapp:      #25D366;
  --fxd-telegram:      #229ED9;
  --fxd-facebook:      #1877F2;
  --fxd-linkedin:      #0A66C2;
  --fxd-x:              #111111;

  /* ── Status (badges) ──────────────────── */
  --fxd-success-bg:     #E6F7F2;
  --fxd-success-text:   #0F6E56;
  --fxd-success-border: #B6E8D9;
}