/**
 * VenteBus v2 - Variables CSS
 * Theme: Corporate Premium (Bleu ZOU/Region Sud)
 */

:root {
    /* ==============================================
       COULEURS CORPORATE - BLEU ZOU/REGION SUD
       ============================================== */
    --primary-900: #0D3B66;      /* Bleu marine profond - headers */
    --primary-800: #0F4C81;      /* Bleu corporate principal */
    --primary-700: #1565C0;      /* Bleu standard */
    --primary-600: #1976D2;      /* Bleu interactif */
    --primary-500: #2196F3;      /* Bleu accent */
    --primary-400: #42A5F5;      /* Bleu clair */
    --primary-300: #90CAF9;      /* Bleu tres clair */
    --primary-200: #BBDEFB;      /* Bleu pale */
    --primary-100: #E3F2FD;      /* Bleu background */
    --primary-50: #F5F9FF;       /* Bleu quasi-blanc */

    /* ==============================================
       NEUTRES
       ============================================== */
    --gray-900: #1A1A2E;         /* Texte principal */
    --gray-800: #2D2D44;         /* Texte fonce */
    --gray-700: #4A4A68;         /* Texte secondaire */
    --gray-600: #5C5C7A;         /* Texte tertiaire */
    --gray-500: #6B6B8C;         /* Texte desactive */
    --gray-400: #9090A8;         /* Placeholder */
    --gray-300: #C4C4D4;         /* Bordures */
    --gray-200: #E2E2EC;         /* Bordures legeres */
    --gray-100: #F5F5FA;         /* Background sections */
    --gray-50: #FAFAFC;          /* Background page */
    --white: #FFFFFF;

    /* ==============================================
       COULEURS SEMANTIQUES
       ============================================== */
    --success-dark: #1B5E20;
    --success: #2E7D32;
    --success-light: #4CAF50;
    --success-bg: #E8F5E9;

    --warning-dark: #E65100;
    --warning: #F57C00;
    --warning-light: #FF9800;
    --warning-bg: #FFF3E0;

    --danger-dark: #B71C1C;
    --danger: #C62828;
    --danger-light: #EF5350;
    --danger-bg: #FFEBEE;

    --info-dark: #01579B;
    --info: #0288D1;
    --info-light: #03A9F4;
    --info-bg: #E1F5FE;

    /* ==============================================
       COULEURS DES LIGNES DE TRANSPORT
       ============================================== */
    --ligne-76: #1E88E5;         /* Bleu */
    --ligne-515: #43A047;        /* Vert */
    --ligne-527: #FB8C00;        /* Orange */
    --ligne-528: #E53935;        /* Rouge */
    --ligne-543: #8E24AA;        /* Violet */
    --ligne-550: #00ACC1;        /* Cyan */
    --ligne-551: #7CB342;        /* Vert clair */
    --ligne-560: #F4511E;        /* Orange fonce */
    --ligne-570: #6D4C41;        /* Marron */
    --ligne-571: #546E7A;        /* Gris bleu */
    --ligne-572: #D81B60;        /* Rose */
    --ligne-573: #5E35B1;        /* Violet fonce */
    --ligne-574: #039BE5;        /* Bleu clair */
    --ligne-575: #00897B;        /* Teal */

    /* ==============================================
       ESPACEMENTS
       ============================================== */
    --space-0: 0;
    --space-1: 0.25rem;          /* 4px */
    --space-2: 0.5rem;           /* 8px */
    --space-3: 0.75rem;          /* 12px */
    --space-4: 1rem;             /* 16px */
    --space-5: 1.25rem;          /* 20px */
    --space-6: 1.5rem;           /* 24px */
    --space-8: 2rem;             /* 32px */
    --space-10: 2.5rem;          /* 40px */
    --space-12: 3rem;            /* 48px */
    --space-16: 4rem;            /* 64px */

    /* ==============================================
       TYPOGRAPHIE
       ============================================== */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Fira Code', 'Monaco', 'Consolas', monospace;

    --font-size-xs: 0.75rem;     /* 12px */
    --font-size-sm: 0.875rem;    /* 14px */
    --font-size-base: 1rem;      /* 16px */
    --font-size-lg: 1.125rem;    /* 18px */
    --font-size-xl: 1.25rem;     /* 20px */
    --font-size-2xl: 1.5rem;     /* 24px */
    --font-size-3xl: 1.875rem;   /* 30px */
    --font-size-4xl: 2.25rem;    /* 36px */

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* ==============================================
       OMBRES
       ============================================== */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.04);

    /* ==============================================
       BORDURES
       ============================================== */
    --radius-none: 0;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    --border-width: 1px;
    --border-color: var(--gray-200);

    /* ==============================================
       LAYOUT
       ============================================== */
    --sidebar-width: 260px;
    --sidebar-collapsed: 70px;
    --header-height: 64px;
    --footer-height: 48px;

    /* ==============================================
       TRANSITIONS
       ============================================== */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 350ms ease;

    /* ==============================================
       Z-INDEX
       ============================================== */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
}

/* Classes utilitaires pour les couleurs de lignes */
.ligne-76 { --ligne-color: var(--ligne-76); }
.ligne-515 { --ligne-color: var(--ligne-515); }
.ligne-527 { --ligne-color: var(--ligne-527); }
.ligne-528 { --ligne-color: var(--ligne-528); }
.ligne-543 { --ligne-color: var(--ligne-543); }
.ligne-550 { --ligne-color: var(--ligne-550); }
.ligne-551 { --ligne-color: var(--ligne-551); }
.ligne-560 { --ligne-color: var(--ligne-560); }
.ligne-570 { --ligne-color: var(--ligne-570); }
.ligne-571 { --ligne-color: var(--ligne-571); }
.ligne-572 { --ligne-color: var(--ligne-572); }
.ligne-573 { --ligne-color: var(--ligne-573); }
.ligne-574 { --ligne-color: var(--ligne-574); }
.ligne-575 { --ligne-color: var(--ligne-575); }