/* Rent A Ride - Premium Brand Design Tokens */
:root {
  /* Brand Colors (White + Deep Blue + Gold + Black balance) */
  --bg-white: #FFFFFF;
  --bg-light: #F8FAFC;
  --bg-light-alt: #F1F5F9;
  
  --bg-dark: #0B1325;           /* Rich Black / Deep Navy for Dark Sections */
  --bg-dark-secondary: #111D38; /* Navy Slate Card Background */
  --bg-deep-blue: #0F2C59;      /* Brand Deep Blue */
  --bg-deep-blue-dark: #071936; /* Midnight Deep Blue */
  
  /* Text Colors */
  --text-dark: #0B1325;         /* Strong Heading Black */
  --text-body-dark: #334155;    /* Body Dark Text */
  --text-muted: #64748B;        /* Muted Grey Text */
  
  --text-light: #FFFFFF;        /* Pure White for Dark Sections */
  --text-light-muted: #94A3B8;  /* Light Muted Text */
  
  /* Accents */
  --accent-blue: #0F2C59;       /* Deep Blue Action Color */
  --accent-blue-hover: #071936;
  --accent-gold: #C5A059;       /* Premium Champagne Gold */
  --accent-gold-hover: #D4AF37; /* Rich Gold */
  --accent-gold-light: rgba(197, 160, 89, 0.12);
  --accent-gold-border: rgba(197, 160, 89, 0.35);

  /* Borders */
  --border-light: #E2E8F0;
  --border-dark: rgba(255, 255, 255, 0.12);
  --border-blue: rgba(15, 44, 89, 0.2);
  
  /* Typography Scale */
  --font-heading: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  
  --text-h1: clamp(34px, 4vw, 40px);
  --text-h2: clamp(30px, 3.5vw, 36px);
  --text-h3: clamp(26px, 3vw, 32px);
  --text-body: clamp(15px, 1.2vw, 19px);
  --text-sm: clamp(13px, 1vw, 15px);
  
  /* Spacing */
  --section-padding-y: clamp(3.5rem, 6vw, 6.5rem);
  --container-max: 1360px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);
  
  /* Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  
  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(11, 19, 37, 0.05);
  --shadow-md: 0 10px 30px rgba(11, 19, 37, 0.08);
  --shadow-lg: 0 20px 50px rgba(11, 19, 37, 0.12);
  --shadow-gold: 0 10px 30px rgba(197, 160, 89, 0.25);
  
  /* Transitions */
  --transition-fast: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Z-Index */
  --z-header: 100;
  --z-modal: 1000;
  --z-cursor: 9999;
}