/**
 * VARIABLES CSS UNIFIÉES - KOLDKAZE
 * Consolidé depuis : style-optimized.css + wcfm-core-optimized.js + wcfm-components.css
 * Version : 1.0.0
 * Date : 2024-01-15
 */

:root {
    /* ===== COULEURS PRINCIPALES ===== */
    /* Couleurs Koldkaze - Depuis style-optimized.css + JS */
    --koldkaze-primary: #6300ff;        /* Violet principal */
    --koldkaze-primary-hover: #5200cc;  /* Violet hover */
    --koldkaze-primary-light: #8a4fff;  /* Violet clair */
    
    /* Couleurs système - Depuis wcfm-core-optimized.js */
    --koldkaze-success: #00d084;        /* Vert succès */
    --koldkaze-success-light: #d4edda;  /* Vert clair */
    --koldkaze-success-hover: #00b574;  /* Vert hover */
    --koldkaze-info: #00b4d8;           /* Bleu info */
    --koldkaze-info-light: #d1ecf1;     /* Bleu clair */
    --koldkaze-warning: #ffc107;        /* Jaune warning */
    --koldkaze-warning-light: #fff3cd;  /* Jaune clair */
    --koldkaze-danger: #dc3545;         /* Rouge danger */
    --koldkaze-danger-light: #f8d7da;   /* Rouge clair */
    --koldkaze-danger-hover: #c82333;   /* Rouge hover */
    
    /* Couleurs neutres - Depuis style-optimized.css */
    --koldkaze-white: #ffffff;
    --koldkaze-light: #f8f9fa;
    --koldkaze-gray-100: #f8f9fa;
    --koldkaze-gray-200: #e9ecef;
    --koldkaze-gray-300: #dee2e6;
    --koldkaze-gray-400: #ced4da;
    --koldkaze-gray-500: #adb5bd;
    --koldkaze-gray-600: #6c757d;
    --koldkaze-gray-700: #495057;
    --koldkaze-gray-800: #343a40;
    --koldkaze-gray-900: #212529;
    --koldkaze-dark: #333333;
    --koldkaze-black: #000000;
    
    /* ===== ESPACEMENTS ===== */
    /* Depuis wcfm-components.css + JS */
    --koldkaze-spacing-xs: 4px;
    --koldkaze-spacing-sm: 8px;
    --koldkaze-spacing-md: 12px;
    --koldkaze-spacing-lg: 16px;
    --koldkaze-spacing-xl: 20px;
    --koldkaze-spacing-xxl: 24px;
    --koldkaze-spacing-xxxl: 32px;
    
    /* ===== BORDURES ===== */
    /* Depuis tous les sources */
    --koldkaze-border-width: 1px;
    --koldkaze-border-color: #dee2e6;
    --koldkaze-border-radius: 8px;
    --koldkaze-border-radius-sm: 4px;
    --koldkaze-border-radius-lg: 12px;
    --koldkaze-border-radius-xl: 16px;
    --koldkaze-border-radius-pill: 25px;  /* style-optimized.css */
    --koldkaze-border-radius-circle: 50%;
    
    /* ===== OMBRES ===== */
    /* Depuis wcfm-components.css + JS */
    --koldkaze-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --koldkaze-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    --koldkaze-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --koldkaze-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    --koldkaze-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.2);
    
    /* ===== TYPOGRAPHIE ===== */
    /* Depuis style-optimized.css */
    --koldkaze-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --koldkaze-font-size-xs: 12px;
    --koldkaze-font-size-sm: 14px;
    --koldkaze-font-size-base: 16px;
    --koldkaze-font-size-lg: 18px;
    --koldkaze-font-size-xl: 20px;
    --koldkaze-font-size-xxl: 24px;
    --koldkaze-font-size-xxxl: 32px;
    
    --koldkaze-font-weight-light: 300;
    --koldkaze-font-weight-normal: 400;
    --koldkaze-font-weight-medium: 500;
    --koldkaze-font-weight-semibold: 600;
    --koldkaze-font-weight-bold: 700;
    
    --koldkaze-line-height-tight: 1.2;
    --koldkaze-line-height-normal: 1.5;
    --koldkaze-line-height-relaxed: 1.75;
    
    /* ===== LAYOUT ===== */
    /* Depuis style-optimized.css */
    --koldkaze-header-height: 80px;
    --koldkaze-sidebar-width: 280px;
    --koldkaze-container-max-width: 1200px;
    
    /* ===== BREAKPOINTS ===== */
    /* Consolidés depuis tous les responsive */
    --koldkaze-breakpoint-xs: 480px;
    --koldkaze-breakpoint-sm: 576px;
    --koldkaze-breakpoint-md: 768px;
    --koldkaze-breakpoint-lg: 992px;
    --koldkaze-breakpoint-xl: 1200px;
    --koldkaze-breakpoint-xxl: 1400px;
    
    /* Breakpoints principaux */
    --koldkaze-mobile: 768px;
    --koldkaze-tablet: 1024px;
    --koldkaze-desktop: 1200px;
    
    /* ===== TRANSITIONS ===== */
    /* Depuis JS + CSS existants */
    --koldkaze-transition-fast: 0.15s ease-in-out;
    --koldkaze-transition-base: 0.3s ease-in-out;
    --koldkaze-transition-slow: 0.5s ease-in-out;
    
    /* ===== Z-INDEX ===== */
    /* Hiérarchie des couches */
    --koldkaze-z-dropdown: 1000;
    --koldkaze-z-sticky: 1020;
    --koldkaze-z-fixed: 1030;
    --koldkaze-z-modal-backdrop: 1040;
    --koldkaze-z-modal: 1050;
    --koldkaze-z-popover: 1060;
    --koldkaze-z-tooltip: 1070;
    --koldkaze-z-toast: 1080;
    
    /* ===== WCFM SPÉCIFIQUES ===== */
    /* Variables spécifiques WCFM */
    --wcfm-primary: var(--koldkaze-primary);
    --wcfm-success: var(--koldkaze-success);
    --wcfm-info: var(--koldkaze-info);
    --wcfm-warning: var(--koldkaze-warning);
    --wcfm-danger: var(--koldkaze-danger);
    
    /* ===== TIMELINE SPÉCIFIQUES ===== */
    /* Variables pour timeline */
    --timeline-line-color: var(--koldkaze-gray-300);
    --timeline-dot-size: 12px;
    --timeline-spacing: var(--koldkaze-spacing-xl);
}

/* ===== VARIABLES DARK MODE (PRÉPARATION) ===== */
@media (prefers-color-scheme: dark) {
    :root {
        --koldkaze-white: #1a1a1a;
        --koldkaze-light: #2d2d2d;
        --koldkaze-dark: #ffffff;
        --koldkaze-black: #ffffff;
        
        --koldkaze-gray-100: #2d2d2d;
        --koldkaze-gray-200: #3d3d3d;
        --koldkaze-gray-300: #4d4d4d;
        --koldkaze-gray-400: #6d6d6d;
        --koldkaze-gray-500: #8d8d8d;
        --koldkaze-gray-600: #aaaaaa;
        --koldkaze-gray-700: #cccccc;
        --koldkaze-gray-800: #e0e0e0;
        --koldkaze-gray-900: #f0f0f0;
        
        --koldkaze-border-color: #4d4d4d;
    }
}