/**
 * Product Configurator - CSS Variables
 * Variables partagées entre tous les fichiers CSS frontend
 */

:root {
    /* Couleurs principales */
    --pc-primary: #2271b1;
    --pc-primary-hover: #135e96;
    --pc-primary-rgb: 34, 113, 177;
    
    /* Couleurs de statut */
    --pc-success: #00a32a;
    --pc-success-hover: #1e7e34;
    --pc-warning: #dba617;
    --pc-error: #d63638;
    --pc-danger: #dc3545;
    
    /* Couleurs de texte */
    --pc-text: #333;
    --pc-text-color: #333;
    --pc-text-light: #666;
    --pc-text-muted: #666;
    
    /* Couleurs de fond */
    --pc-bg: #f7f7f7;
    --pc-background: #fff;
    --pc-background-light: #f8f9fa;
    
    /* Bordures */
    --pc-border: #ddd;
    --pc-border-color: #ddd;
    
    /* Effets */
    --pc-radius: 4px;
    --pc-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --pc-overlay-color: rgba(0, 0, 0, 0.7);
    
    /* Transitions */
    --pc-transition: 0.3s ease;
    --pc-transition-fast: 0.2s ease;
    
    /* Z-index */
    --pc-z-tooltip: 999999;
    --pc-z-modal: 999999;
    --pc-z-notification: 1000000;
}