/* 
   TaxiVtcParis - Design System Variables 
   Premium Luxury Theme (Deep Obsidian & Champagne Gold)
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
    /* Color Palette - Prestigieux Bleu Nuit & Or */
    --bg-primary: #070817;      /* Bleu nuit ultra-sombre et luxueux */
    --bg-secondary: #0f1026;    /* Cartes prestige bleu nuit */
    --bg-tertiary: #171936;     /* Éléments de saisie et surbrillances */
    
    --accent-gold: #D4B275;     /* Or pur étincelant de prestige */
    --accent-gold-rgb: 212, 178, 117;
    --accent-gold-hover: #E5C386; /* Or encore plus lumineux au survol */
    --accent-gold-light: rgba(212, 178, 117, 0.1);
    --accent-gold-border: rgba(212, 178, 117, 0.35);
    
    --text-primary: #F4E3C1;    /* Or champagne très clair, ultra-prestigieux et très lisible */
    --text-secondary: #D4B275;  /* Or champagne moyen pour les paragraphes et descriptions */
    --text-muted: #A89068;      /* Or ardoise atténué pour les détails secondaires */
    
    --status-success: #2EC4B6;  /* Vert émeraude */
    
    /* Typography */
    --font-title: 'Playfair Display', Georgia, serif;
    --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    
    /* Spacing System */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 4rem;
    --spacing-xxl: 6rem;
    
    /* Borders & Corners */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    --border-thin: 1px solid rgba(255, 255, 255, 0.06);
    --border-gold-subtle: 1px solid rgba(197, 168, 128, 0.2);
    
    /* Glassmorphism Details */
    --glass-bg: rgba(15, 16, 38, 0.65);
    --glass-border: rgba(212, 178, 117, 0.15);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
    --glass-backdrop-filter: blur(12px);
    
    /* Shadows */
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.25);
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);
    --shadow-gold-glow: 0 0 20px rgba(197, 168, 128, 0.15);
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Layout */
    --container-max-width: 1200px;
    --header-height: 80px;
}