/**
 * ==========================================================
 * MetrYMMO V2
 * Variables globales — Identité MetrYMMO
 * ==========================================================
 */

:root {

    /* ======================================================
       IDENTITÉ METRYMMO
    ====================================================== */

    --color-primary: #0B0B0B;
    --color-primary-dark: #050505;
    --color-primary-light: #21160F;

    --color-secondary: #C99A55;
    --color-secondary-dark: #A86F3D;
    --color-secondary-light: #E0BB80;

    --color-accent: #8D5B32;

    /* Alias utilisés par certains anciens CSS */
    --gold: #C99A55;
    --gold-dark: #A86F3D;
    --gold-light: #E0BB80;

    /* ======================================================
       PALETTE LOGO
    ====================================================== */

    --metrymmo-black: #0B0B0B;
    --metrymmo-black-soft: #11100F;

    --metrymmo-brown-dark: #21160F;
    --metrymmo-brown: #5A351D;

    --metrymmo-bronze: #8D5B32;

    --metrymmo-gold-dark: #A86F3D;
    --metrymmo-gold: #C99A55;
    --metrymmo-gold-light: #E0BB80;

    --metrymmo-champagne: #F0D7AE;
    --metrymmo-cream: #F5EEE3;

    /* ======================================================
       NEUTRES
    ====================================================== */

    --color-white: #FFFFFF;

    --color-gray-50: #FAF8F5;
    --color-gray-100: #F5F1EB;
    --color-gray-200: #E8E0D5;
    --color-gray-300: #D4C9BB;
    --color-gray-400: #A99E91;
    --color-gray-500: #81766A;
    --color-gray-600: #62584E;
    --color-gray-700: #40382F;
    --color-gray-800: #211C18;
    --color-gray-900: #0B0B0B;

    --color-black: #0B0B0B;

    /* ======================================================
       COULEURS FONCTIONNELLES
    ====================================================== */

    --color-success: #7FA66B;
    --color-warning: #C99A55;
    --color-danger: #B85C50;
    --color-info: #7C98A8;

    /* ======================================================
       ARRIÈRE-PLANS
    ====================================================== */

    --bg-body: #F5F3F0;
    --bg-light: #F8F6F2;
    --bg-section: #FFFFFF;
    --bg-dark: #0B0B0B;
    --bg-card: #FFFFFF;

    /* ======================================================
       TEXTES
    ====================================================== */

    --text-color: #40382F;
    --text-light: #81766A;
    --text-heading: #0B0B0B;
    --text-white: #FFFFFF;

    /* ======================================================
       BORDURES
    ====================================================== */

    --border-color: #E3DCD3;
    --border-light: #EFEAE4;

    /* ======================================================
       DÉGRADÉS
    ====================================================== */

    --gradient-primary:
        linear-gradient(
            135deg,
            #0B0B0B 0%,
            #21160F 100%
        );

    --gradient-gold:
        linear-gradient(
            135deg,
            #A86F3D 0%,
            #C99A55 48%,
            #E0BB80 100%
        );

    --gradient-dark:
        linear-gradient(
            180deg,
            #21160F 0%,
            #0B0B0B 100%
        );

    /* ======================================================
       TYPOGRAPHIE
    ====================================================== */

    --font-primary:
        "Inter",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --font-heading:
        "Poppins",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    /* ======================================================
       TAILLES
    ====================================================== */

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.75rem;
    --font-size-4xl: 3.5rem;

    /* ======================================================
       HAUTEURS DE LIGNE
    ====================================================== */

    --line-height-tight: 1.2;
    --line-height-base: 1.6;
    --line-height-loose: 1.8;

    /* ======================================================
       ESPACEMENTS
    ====================================================== */

    --space-0: 0;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 5rem;
    --space-10: 6rem;

    /* ======================================================
       CONTENEUR
    ====================================================== */

    --container-width: 1320px;
    --container-padding: 1.5rem;

    /* ======================================================
       RADIUS
    ====================================================== */

    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-full: 9999px;

    /* ======================================================
       OMBRES
    ====================================================== */

    --shadow-xs:
        0 2px 6px rgba(11, 11, 11, 0.05);

    --shadow-sm:
        0 8px 24px rgba(11, 11, 11, 0.07);

    --shadow-md:
        0 14px 35px rgba(11, 11, 11, 0.10);

    --shadow-lg:
        0 24px 60px rgba(11, 11, 11, 0.14);

    --shadow-xl:
        0 30px 80px rgba(11, 11, 11, 0.18);

    /* ======================================================
       TRANSITIONS
    ====================================================== */

    --transition-fast: 0.2s ease-in-out;
    --transition-base: 0.3s ease-in-out;
    --transition-slow: 0.45s ease-in-out;

    /* ======================================================
       Z-INDEX
    ====================================================== */

    --z-dropdown: 100;
    --z-sticky: 500;
    --z-header: 900;
    --z-overlay: 950;
    --z-modal: 1000;
    --z-loader: 9999;

    /* ======================================================
       HEADER
    ====================================================== */

    --header-height: 90px;

    /* ======================================================
       SECTIONS
    ====================================================== */

    --section-padding: 5.5rem;
    --section-padding-mobile: 3.75rem;

    /* ======================================================
       CARTES
    ====================================================== */

    --card-max-width: 420px;

    /* ======================================================
       ANIMATIONS
    ====================================================== */

    --animation-duration: 0.6s;
    --animation-delay: 0.1s;
    --animation-distance: 30px;

    /* ======================================================
       FOCUS
    ====================================================== */

    --focus-ring:
        0 0 0 3px rgba(201, 154, 85, 0.28);
}