/* =================================== */
/* VARIABLES CSS                       */
/* Fichier de configuration centralisé */
/* =================================== */

:root {
    /* === COULEURS PRINCIPALES === */
    --bee-yellow: #A98243;
    --gold: linear-gradient(135deg, #F8EF9C 0%, #A98243 100%);
    --bee-yellow-hover: #f6ae20;
    --bee-yellow-light: #ffc107;
    --bee-dark: #1d1d1b;
    --bee-light: #ffffff;
    --bee-gray: #6c757d;
    /*gadient girs foncé*/
    --bee-gray-light: linear-gradient(135deg, #434444 0%, #4f5256 100%);
    --bee-secondary: #6c757d;
    --grinImmo-green: #6A917E;

    /* === NOUVELLE COULEUR BULLE === */
    --bubble-color: #FEFCE4;
    --bubble-green: #E8F5E9;

    /* === COULEURS SYSTEME === */
    --white: #ffffff;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;

    /* === COULEURS STATUS === */
    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-danger: #dc3545;

    /* === TYPOGRAPHIE === */
    --font-family-base: "Poppins", sans-serif;
    --font-family-brand: "Poppins", sans-serif;
    --font-size-base: 1rem;
    --font-size-logo: 2rem;
    --font-size-h2: 2rem;
    --font-size-hero-icon: 8rem;
    --font-size-feature-icon: 3rem;
    --font-size-large-icon: 4rem;
    --font-size-icon: 2rem;
    --font-size-icon-sm: 1.5rem;
    --line-height-base: 1.6;
    --text-color: var(--bee-dark);
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* === ESPACEMENTS === */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 4rem;

    /* === BORDURES ET RAYONS === */
    --border-radius-sm: 0.375rem;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;
    --border-radius-round: 50px;
    --border-width: 1px;
    --border-width-thick: 3px;
    --border-width-profile: 5px;

    /* === OMBRES === */
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);
    --shadow-navbar: 0 2px 10px rgba(0, 0, 0, 0.1);

    /* === TRANSITIONS === */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* === DIMENSIONS === */
    --navbar-height: 76px;
    --hero-min-height: 70vh;
    --profile-size: 300px;
    --icon-size-sm: 60px;
    --icon-size-md: 60px;
    --icon-size-lg: 80px;
    --image-placeholder-height: 250px;
    --image-gallery-height: 300px;

    /* === DÉGRADÉS === */
    --gradient-primary: linear-gradient(
        135deg,
        var(--bee-yellow) 0%,
        var(--bee-yellow-light) 100%
    );
    --gradient-hero: linear-gradient(
        135deg,
        var(--bee-yellow) 0%,
        #ffc107 100%
    );

    /* === Z-INDEX === */
    --z-navbar: 1030;
    --z-modal: 1050;
    --z-tooltip: 1070;
    --z-sticky-button: 1000;
}