/* ========================================================================
   🇯🇲 DRIVE SAFE JAMAICA — GLOBAL THEME VARIABLES
   Unified for site + chatbot (no duplication)
   ======================================================================== */

:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f0fdf4;
  --bg-tertiary: #f8faf9;
  --bg-card: #ffffff;
  --text-primary: #1a2e1a;
  --text-secondary: #2d4a2d;
  --text-muted: #5a7a5a;
  --text-light: #ffffff;
  --dark: #1a1a1a;
  --light: #ffffff;
  --gray: #f5f5f5;
  --text-gray: #5a7a5a;
  --ja-green: #009B3A;
  --ja-green-light: #00C853;
  --ja-gold: #FED100;
  --ja-gold-dark: #D4A017;
  --ja-black: #1a1a1a;
  --gradient-gold: linear-gradient(135deg, #FED100 0%, #FFA500 100%);
  --gradient-green: linear-gradient(135deg, #009B3A 0%, #00C853 100%);
  --gradient-hero: linear-gradient(135deg, #009B3A 0%, #FED100 100%);
  --gradient-jamaica: linear-gradient(135deg, #009B3A 0%, #FED100 50%, #009B3A 100%);
  --value-gradient: linear-gradient(135deg, #1a2e1a 0%, #009B3A 50%, #1a2e1a 100%);
  --card-bg: rgba(255, 255, 255, 0.95);
  --card-border: rgba(0, 155, 58, 0.2);
  --card-shadow: 0 4px 20px rgba(0, 155, 58, 0.08);
  --card-shadow-hover: 0 12px 40px rgba(0, 155, 58, 0.15);
  --icon-bg: linear-gradient(135deg, rgba(0, 155, 58, 0.1), rgba(254, 209, 0, 0.1));
  --accent-glow: rgba(254, 209, 0, 0.3);
  --glow-primary: rgba(0, 155, 58, 0.3);
  --glow-secondary: rgba(254, 209, 0, 0.3);
  --button-text: #1a1a1a;
  --nav-height: 72px;
  --nav-bg: rgba(255, 255, 255, 0.95);
  --nav-border: rgba(0, 155, 58, 0.2);
  --nav-glow: rgba(254, 209, 0, 0.15);
  --nav-text: #1a2e1a;
  --nav-text-muted: #5a7a5a;
  --nav-accent: #009B3A;
  --nav-accent-dark: #007A2E;
  --shadow-lg: 0 25px 50px -12px rgba(0, 155, 58, 0.15);
  --shadow-glow: 0 0 40px rgba(254, 209, 0, 0.3);
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
  --nav-transition: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-luxury: cubic-bezier(0.16, 1, 0.3, 1);
  --drawer-width: 320px;
  --drawer-bg: linear-gradient(180deg, #ffffff, #f0fdf4);
  --scroll-top: 0;
  --chat-bg: var(--bg-primary);
  --chat-header-bg: var(--bg-secondary);
  --chat-border: var(--card-border);
  --chat-text: var(--text-primary);
  --chat-text-muted: var(--text-muted);
  --chat-accent: var(--ja-green);
  --chat-gold: var(--ja-gold);
  --chat-user-text: var(--ja-green);
  --chat-input-bg: var(--bg-tertiary);
  --chat-shadow: 0 -8px 30px rgba(0, 0, 0, 0.15);
}

/* ===================================================================
   🇯🇲 DRIVE SAFE JAMAICA — ABOUT PAGE (LIGHT THEME ONLY)
   Zero dark mode. Pure Jamaican green/gold/white aesthetic.
   =================================================================== */

/* === CORE VARIABLES (LIGHT ONLY) === */

:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f0fdf4;
  --bg-tertiary: #f8faf9;
  --hero-bg: linear-gradient(135deg, #d4f1e0 0%, #fff9d6 50%, #d4f1e0 100%);
  --text-primary: #1a2e1a;
  --text-secondary: #2d4a2d;
  --text-muted: #5a7a5a;
  --ja-green: #009B3A;
  --ja-gold: #FED100;
  --ja-black: #1a1a1a;
  --card-bg: #ffffff;
  --card-border: #d4edda;
  --card-shadow: 0 2px 8px rgba(0, 155, 58, 0.08);
  --card-shadow-hover: 0 12px 32px rgba(0, 155, 58, 0.15);
  --grad-jamaica: linear-gradient(135deg, #009B3A 0%, #FED100 50%, #009B3A 100%);
  --grad-hero: linear-gradient(135deg, #009B3A 0%, #FED100 100%);
  --section-title: #0a3d1a;
  --icon-bg: #e8f5e9;
  --highlight-bg: #fff9d6;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ===================================================================
   🎯 GLOBAL RESET & CONTAINER
   =================================================================== */

body {
  margin: 0;
  padding: 0;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}