/* assets/css/variables.css */
:root {
  /* Brand Colors */
  --primary: #0066cc;
  --primary-dark: #0052a3;
  --accent: #ff9900;
  --accent-dark: #e68a00;

  /* Neutral */
  --white: #ffffff;
  --black: #1a1a2e;
  --gray-50: #f9f9f9;
  --gray-100: #f0f0f0;
  --gray-300: #ccc;
  --gray-500: #666;
  --gray-700: #333;

  /* Typography */
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 24px;

  /* Spacing */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-full: 999px;

  /* Shadows */
  --shadow-sm: 0 2px 6px rgba(0,0,0,.08);
  --shadow-md: 0 5px 20px rgba(0,0,0,.12);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.18);

  /* Layout */
  --header-height: 70px;
  --container-width: 1200px;

  /* Footer */
--footer-bg: #1a1a2e;
--footer-bg-dark: #111122;
--footer-text: #ccc;
--footer-text-muted: #999;
--footer-link-hover: var(--accent);

/* Newsletter */
--newsletter-bg: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);

/* Chat */
--chat-green: #25d366;

/* =======================
   Trade Shows
   ======================= */
--card-radius: 16px;
--card-shadow: 0 4px 15px rgba(0,0,0,0.05);

/* Status */
--status-upcoming: #0066cc;
--status-ongoing: #28a745;
--status-past: #6c757d;

/* Badge */
--badge-bg-upcoming: #fff3cd;
--badge-bg-ongoing: #d4edda;
--badge-bg-past: #f8d7da;

/* Countdown */
--countdown-bg: #fff3cd;
}