/* ========================================
   VARIABLES - JMJ CARPRO
   Couleur officielle #27AE60
   ======================================== */
@import 'variables.css';
@import 'mudblazor-theme.css';
@import 'layout2.css';
@import 'home2.css';
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap');

:root {
    /* ===== COULEURS PRINCIPALES ===== */
    --carpro-green: #27AE60; /* ✅ Nouvelle couleur */
    --carpro-green-dark: #219d53; /* Plus foncé */
    --carpro-green-light: #58d68d; /* Plus clair */
    --carpro-green-lighter: #E8F8F5; /* Très clair */

    --carpro-dark: #1A1A1A; /* Noir profond */
    --carpro-gray: #666666;
    --carpro-gray-dark: #333333;
    --carpro-gray-light: #CCCCCC;
    --carpro-gray-lighter: #F5F5F5;
    --carpro-white: #FFFFFF;
    --carpro-black: #000000;
    /* ===== COULEURS D'ÉTAT ===== */
    --carpro-success: #27AE60;
    --carpro-warning: #F0AD4E;
    --carpro-danger: #D9534F;
    --carpro-info: #5BC0DE;
    /* ===== OMBRES ===== */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.18);
    /* ===== TYPOGRAPHIE ===== */
    --font-primary: 'Poppins', 'Roboto', 'Segoe UI', sans-serif;
    --font-size-base: 16px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    /* ===== ESPACEMENTS ===== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    /* ===== BORDURES ===== */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-full: 9999px;
    /* ===== TRANSITIONS ===== */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;
}