/**
 * HelloImmo Core - Variables CSS
 * 
 * Variables CSS centralisées pour le plugin HelloImmo Core
 * Utilisées par templates.css et shortcodes.css
 */

/* ==========================================================================
   Variables CSS
   ========================================================================== */
:root {
    /* Couleurs primaires */
    --hi-primary: #2563eb;
    --hi-primary-dark: #1e40af;
    --hi-primary-light: #3b82f6;
    --hi-secondary: #dc2626;
    
    /* Nuances de gris */
    --hi-gray-50: #f9fafb;
    --hi-gray-100: #f3f4f6;
    --hi-gray-200: #e5e7eb;
    --hi-gray-300: #d1d5db;
    --hi-gray-400: #9ca3af;
    --hi-gray-500: #6b7280;
    --hi-gray-600: #4b5563;
    --hi-gray-700: #374151;
    --hi-gray-800: #1f2937;
    --hi-gray-900: #111827;
    
    /* Couleurs de base */
    --hi-white: #ffffff;
    --hi-black: #000000;
    
    /* Ombres */
    --hi-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --hi-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --hi-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    /* Rayons de bordure */
    --hi-radius-sm: 0.25rem;
    --hi-radius-md: 0.5rem;
    --hi-radius-lg: 0.75rem;
    --hi-radius-xl: 1rem;
    
    /* Transitions */
    --hi-transition: all 0.2s ease;
}



/* ==========================================================================
   Variables CSS - DB PROPERTIES
   ========================================================================== */
   
:root {
    --hi-primary: #026a4c;         
    --hi-primary-dark: #01503a;    
    --hi-primary-light: #0b8a66;   
    --hi-secondary: #2c2c2c;      
    
    --hi-gray-50:  #fafafa;
    --hi-gray-100: #f4f4f5;
    --hi-gray-200: #e4e4e7;
    --hi-gray-300: #d4d4d8;
    --hi-gray-400: #a1a1aa;
    --hi-gray-500: #71717a;
    --hi-gray-600: #52525b;
    --hi-gray-700: #3f3f46;
    --hi-gray-800: #2c2c2c;
    --hi-gray-900: #18181b;
    
    --hi-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --hi-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --hi-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.12);
}