:root {
  /* Primary Color Scheme */
  --navy: #0B1F3A;
  --navy-mid: #1A3557;
  --blue: #1565C0;
  --blue-bright: #1E88E5;
  --gold: #F59E0B;
  --gold-light: #FCD34D;
  --white: #FFFFFF;
  --off-white: #F4F6F9;
  --text: #1A1A2E;
  --text-muted: #4A5568;
  --border: #CBD5E0;
  --red: #C0392B;
  --green: #1A6E3C;
  
  /* Alternate color scheme */
  --ctc-navy: #1a2235;
  --ctc-navy-light: #243050;
  --ctc-orange: #e8420f;
  --ctc-light: #f4f6fa;
  --ctc-muted: #6b7a99;
  --ctc-border: rgba(26, 34, 53, 0.12);
  --ctc-gold: #f5a623;
  
  /* Additional Colors */
  --cyan: #00BFFF;
  --cyan-light: #007BFF;
  --cyan-medium: #008DD0;
  --cyan-medium-dark: #4A9ECA;
  --dark-slate: #1A2E44;
  --light-slate: #e8edf2;
  --gray-medium: #666666;
  --gray-dark: #333333;
  --gray-darker: #2A2A2A;
  --gray-darkest: #3A3A3A;
  --gray-light: #d7d4d4;
  --gray-very-light: #E2E8F0;
  --gray-slate: #64748B;
  --color-gray-navy: #2c3e50;
  --yellow-bright: #ffd700;
  --silver: #c0c0c0;
  --bronze: #cd7f32;
  --orange-bright: #ff9026;
  --yellow-gold: #f6c90e;
  --blue-dark-accent: #1a5ea8;
  --black-dark: #1a1a1a;
  --whatsapp-green: #25D366;
  --whatsapp-green-dark: #1fb959;
  --purple-bright: #8a2be2;
  --copper-accent: #e8a87c;
  
  /* RGBA Color Variants (Transparent) */
  --cyan-medium-90: rgba(0, 141, 208, 0.9);
  --cyan-medium-40: rgba(0, 141, 208, 0.4);
  --cyan-medium-70: rgba(0, 141, 208, 0.7);
  
  --gold-light-90: rgba(252, 211, 77, 0.9);
  --gold-light-100: rgba(252, 211, 77, 1);
  
  --white-35: rgba(255, 255, 255, 0.35);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-30: rgba(255, 255, 255, 0.3);
  --white-05: rgba(255, 255, 255, 0.05);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-12: rgba(255, 255, 255, 0.12);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-65: rgba(255, 255, 255, 0.65);
  --white-70: rgba(255, 255, 255, 0.7);
  --white-75: rgba(255, 255, 255, 0.75);
  --white-78: rgba(255, 255, 255, 0.78);
  --white-82: rgba(255, 255, 255, 0.82);
  --white-90: rgba(255, 255, 255, 0.9);
  
  --black-90: rgba(0, 0, 0, 0.9);
  --black-95: rgba(0, 0, 0, 0.95);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-15: rgba(0, 0, 0, 0.15);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-30: rgba(0, 0, 0, 0.3);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-06: rgba(0, 0, 0, 0.06);
  
  --navy-16: rgba(26, 34, 53, 0.12);
  --navy-09: rgba(26, 34, 53, 0.09);
  --navy-10: rgba(26, 34, 53, 0.1);
  --navy-16-alt: rgba(26, 34, 53, 0.16);
  
  --orange-10: rgba(232, 66, 15, 0.1);
  
  --gold-12: rgba(245, 158, 11, 0.12);
  --gold-15: rgba(245, 158, 11, 0.15);
  --gold-10: rgba(245, 158, 11, 0.10);
  
  --blue-10: rgba(30, 136, 229, 0.10);
  
  /* Gradient Colors */
  --gradient-red-pink: linear-gradient(135deg, rgba(255, 107, 107, 0.3), rgba(238, 90, 111, 0.3));
  --gradient-cyan-light: linear-gradient(135deg, rgba(79, 172, 254, 0.3), rgba(0, 242, 254, 0.3));
  --gradient-green-teal: linear-gradient(135deg, rgba(67, 233, 123, 0.3), rgba(56, 249, 215, 0.3));
  --gradient-pink-yellow: linear-gradient(135deg, rgba(250, 112, 154, 0.3), rgba(254, 225, 64, 0.3));
  
  /* Instagram Gradient (for home page) */
  --gradient-instagram: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #FCAF45, #FFDC80);
  
  /* Gradient backgrounds */
  --gradient-cyan-overlay: linear-gradient(rgba(0, 141, 208, 0.9), rgba(0, 141, 208, 0.4));
  --gradient-gold-soft: linear-gradient(45deg, rgba(252, 211, 77, 0.9), rgba(252, 211, 77, 1));
  
  /* Special Gradients */
  --gradient-purple-blue: linear-gradient(145deg, #1a2235 0, #1d3a4a 60%, #1E88E5 100%);
  --gradient-purple-pink: linear-gradient(145deg, #1a2235 0, #2d1f3a 50%, #ff69b4 100%);
}