/* ============================================
   CONSOLIDATED CSS VARIABLES
   Island Tours Ceylon - Premium Dark Theme
   ============================================ */

:root {
    /* PRIMARY COLORS */
    --primary-dark-blue: #0a2540;
    --primary-darker-blue: #0d3156;
    --primary-navy: #1a1f2e;
    --primary-dark-navy: #141821;
    
    /* ACCENT COLORS */
    --accent-gold: #e8b923;
    --accent-gold-hover: #d4a81f;
    --accent-gold-dark: #B8941E;
    --accent-gold-light: #D4AF37;
    --accent-gold-lightest: #F4E5C2;
    
    /* TEXT COLORS */
    --text-white: #ffffff;
    --text-light: rgba(255, 255, 255, 0.9);
    --text-muted: rgba(255, 255, 255, 0.7);
    --text-dark: #1a1a1a;
    --text-gray: #6c757d;
    --text-muted-dark: #64748b;
    
    /* BACKGROUND COLORS */
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --bg-gray: #f8f9fa;
    
    /* GRADIENTS */
    --gradient-dark: linear-gradient(135deg, #0a2540 0%, #0d3156 50%, #0a2540 100%);
    --gradient-dark-180: linear-gradient(180deg, #1a3a4a 0%, #0d2833 100%);
    --gradient-teal: linear-gradient(135deg, #0f4c4c 0%, #1a5f5f 50%, #0f4c4c 100%);
    --gradient-gold: linear-gradient(135deg, #e8b923 0%, #d4a81f 100%);
    --gradient-gold-premium: linear-gradient(135deg, #D4AF37 0%, #F4E5C2 50%, #D4AF37 100%);
    --gradient-teal-accent: linear-gradient(135deg, #004d66 0%, #006680 50%, #008080 100%);
    
    /* SHADOWS */
    --shadow-soft: 0 10px 40px rgba(10, 37, 64, 0.15);
    --shadow-strong: 0 20px 60px rgba(10, 37, 64, 0.25);
    --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.15);
    --shadow-premium: 0 20px 60px rgba(212, 175, 55, 0.3);
    --shadow-premium-hover: 0 30px 80px rgba(212, 175, 55, 0.5);
    --shadow-gold: 0 0 20px rgba(232, 185, 35, 0.3);
    
    /* TRANSITIONS & ANIMATIONS */
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: all 0.3s ease;
    --transition-fast: all 0.2s ease;
    
    /* TYPOGRAPHY */
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-secondary: 'Poppins', sans-serif;
    --font-display: 'Playfair Display', serif;
    --font-inter: 'Inter', sans-serif;
    
    /* BORDER RADIUS */
    --radius-small: 8px;
    --radius-medium: 12px;
    --radius-large: 15px;
    --radius-xlarge: 20px;
    --radius-full: 50px;
    
    /* SPACING */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;
    --spacing-2xl: 40px;
    --spacing-3xl: 60px;
    --spacing-4xl: 80px;
}