:root {
    /* === Основная цветовая палитра === */
    
    /* Темно-синий (Primary Dark Blue) - роскошь, премиальность */
    --color-primary-dark: #0a2540;
    --color-primary: #1a4d6e;
    --color-primary-medium: #2d7a9e;
    --color-primary-light: #4a9bc5;
    
    /* Синий (Blue) - небо, вода, пространство */
    --color-blue-dark: #0d47a1;
    --color-blue: #1565c0;
    --color-blue-medium: #42a5f5;
    --color-blue-light: #90caf9;
    
    /* Акцентные цвета для ОАЭ */
    --color-accent-gold: #d4af37;
    --color-accent-gold-light: #f4e4bc;
    --color-accent-sand: #e8d5b7;
    --color-accent-sky: #87ceeb;
    
    /* Нейтральные цвета */
    --color-white: #ffffff;
    --color-off-white: #f8f9fa;
    --color-light-grey: #e9ecef;
    --color-grey: #6c757d;
    --color-dark-grey: #343a40;
    --color-black: #000000;
    
    /* Градиенты */
    --gradient-primary: linear-gradient(135deg, #0a2540 0%, #1a4d6e 50%, #2d7a9e 100%);
    --gradient-hero: linear-gradient(135deg, #0a2540 0%, #1a4d6e 50%, #2d7a9e 100%);
    --gradient-water: linear-gradient(180deg, #0a2540 0%, #1565c0 50%, #42a5f5 100%);
    --gradient-dubai-sky: linear-gradient(180deg, #0a2540 0%, #1565c0 30%, #42a5f5 60%, #87ceeb 100%);
    --gradient-gold-accent: linear-gradient(135deg, #d4af37 0%, #f4e4bc 100%);
    
    /* === Семантические цвета === */
    
    /* Фоны */
    --bg-hero: var(--color-primary-dark);
    --bg-section-dark: var(--color-primary-dark);
    --bg-section-light: var(--color-off-white);
    --bg-card: var(--color-white);
    
    /* Текст */
    --text-primary: var(--color-primary-dark);
    --text-secondary: var(--color-grey);
    --text-light: var(--color-white);
    --text-accent: var(--color-accent-gold);
    
    /* Ссылки и кнопки */
    --link-color: var(--color-blue);
    --link-hover: var(--color-primary);
    --btn-primary-bg: var(--color-primary-dark);
    --btn-primary-text: var(--color-white);
    --btn-primary-hover: var(--color-primary);
    --btn-secondary-bg: var(--color-white);
    --btn-secondary-text: var(--color-primary-dark);
    
    /* Границы и тени */
    --border-color: var(--color-light-grey);
    --shadow-sm: 0 2px 4px rgba(10, 37, 64, 0.1);
    --shadow-md: 0 4px 6px rgba(10, 37, 64, 0.15);
    --shadow-lg: 0 10px 30px rgba(10, 37, 64, 0.2);
    --shadow-xl: 0 20px 40px rgba(10, 37, 64, 0.3);
    
    /* Эффекты и оверлеи */
    --overlay-dark: rgba(10, 37, 64, 0.8);
    --overlay-medium: rgba(10, 37, 64, 0.5);
    --overlay-light: rgba(10, 37, 64, 0.2);
    
    /* Частицы и световые эффекты */
    --particle-color: rgba(255, 255, 255, 0.5);
    --light-beam: rgba(255, 255, 255, 0.3);
    
    /* === Типографика === */
    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    
    /* === Отступы и размеры === */
    --container-max-width: 1200px;
    --section-padding: 80px 0;
    --section-padding-mobile: 60px 0;
    
    /* === Переходы === */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
}