/**
 * 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;

  /* ── Semantic (ratings, indicators) ─────
     Consolidated from brokers-review's frs-green/#2ECC8A vs a-green/rm-green
     (#10b981) and frs-red/#E85555 vs a-red/rm-red (#e53935) — same role,
     drifted shades — now one value each. */
  --fxd-positive:      #2ECC8A;
  --fxd-positive-dark: #1D9E75; /* solid-fill contexts (buttons) needing more contrast */
  --fxd-positive-tint: rgba(46,204,138,.10);
  --fxd-negative:      #E85555;
  --fxd-negative-tint: rgba(232,85,85,.10);
  --fxd-negative-bg:     #fef2f2;
  --fxd-negative-border: #fecaca;
  --fxd-negative-text:   #b91c1c;
  --fxd-info:          #4A90D9;
  --fxd-info-dark:     #185FA5; /* solid-fill contexts (buttons) needing more contrast */
  --fxd-info-tint:     rgba(74,144,217,.10);
  --fxd-warning:       #B45309;
  --fxd-warning-tint:  rgba(217,119,6,.10);

  /* ── Rating stars ──────────────────────── */
  --fxd-star:      #EF9F27;
  --fxd-star-half: #F5CF8A;
}