/* =========================================================
   VENTURI DECO — VARIABLES GLOBALES
   Identité visuelle : noir, blanc et orange
   ========================================================= */

:root {
    color-scheme: dark;

    /* Couleurs principales */
    --color-orange: #ff6a00;
    --color-orange-light: #ff812e;
    --color-orange-dark: #d95700;

    --color-black: #000000;
    --color-background: #070707;
    --color-surface: #101010;
    --color-surface-light: #181818;

    --color-white: #ffffff;
    --color-text: #f4f4f4;
    --color-text-muted: #a8a8a8;

    --color-border: rgba(255, 255, 255, 0.12);
    --color-border-orange: rgba(255, 106, 0, 0.55);
    --color-overlay: rgba(0, 0, 0, 0.68);

    /* Polices */
    --font-title:
        "Cormorant Garamond",
        Georgia,
        serif;

    --font-body:
        "Inter",
        Arial,
        sans-serif;

    /* Largeurs */
    --container-width: 1200px;
    --container-small: 900px;
    --page-padding: 32px;

    /* Hauteurs */
    --header-height: 96px;

    /* Espacements */
    --section-spacing: 120px;

    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 64px;
    --space-xxl: 96px;

    /* Arrondis */
    --radius-small: 6px;
    --radius-medium: 12px;
    --radius-large: 20px;
    --radius-round: 999px;

    /* Ombres */
    --shadow-small:
        0 8px 24px rgba(0, 0, 0, 0.25);

    --shadow-large:
        0 24px 70px rgba(0, 0, 0, 0.45);

    --shadow-orange:
        0 12px 35px rgba(255, 106, 0, 0.22);

    /* Animations */
    --transition-fast: 180ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 600ms cubic-bezier(0.22, 1, 0.36, 1);

    /* Niveaux d’affichage */
    --z-content: 1;
    --z-header: 1000;
    --z-menu: 1100;
    --z-lightbox: 2000;
}

/* Tablettes */
@media (max-width: 992px) {
    :root {
        --header-height: 82px;
        --section-spacing: 90px;
        --page-padding: 24px;
    }
}

/* Téléphones */
@media (max-width: 600px) {
    :root {
        --header-height: 72px;
        --section-spacing: 70px;
        --page-padding: 18px;

        --space-xl: 48px;
        --space-xxl: 64px;
    }
}