:root {
  --blue: #0072C6;
  --blue-dark: #004f8b;
  --red: #CC0000;
  --red-light: #e8000010;
  --yellow: #FFD000;
  --charcoal: #1a1a1a;
  --mid: #444;
  --light: #f4f6f9;
  --white: #ffffff;
  --border: #e0e6ef;
  --green-wa: #25D366;
  --footer-bg: #0d1a2a;
  --font-primary: 'Barlow', sans-serif;
  --font-heading: 'Barlow Condensed', sans-serif;
  --font-accent: 'Playfair Display', serif;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 60px;
  --container-max: 1400px;
  --container-padding: 60px;
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --shadow-sm: 0 2px 12px rgba(0,0,0,.1);
  --shadow-md: 0 8px 24px rgba(0,114,198,.12);
  --shadow-lg: 0 8px 32px rgba(0,114,198,.15);
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --z-nav: 100;
  --z-float: 999;
}