/* ============================================
   VOST — Design Tokens
   Charte originale PDF respectée
   ============================================ */

:root {
    /* ---- Colors (charte PDF exacte) ---- */
    --black:            #0a0a0a;
    --black-light:      #111111;
    --salmon:           #e09a84;
    --salmon-light:     #e8a994;
    --salmon-glow:      rgba(224, 154, 132, 0.08);
    --white:            #f0ece8;
    --gray:             #6a6462;
    --gray-light:       #9a9490;
    --border:           rgba(240, 236, 232, 0.08);
    --border-salmon:    rgba(224, 154, 132, 0.2);

    /* Warm textured backgrounds (page 4 — cuir/terre cuite) */
    --warm-dark:        #1a1210;
    --warm-mid:         #1f1613;
    --warm-highlight:   rgba(160, 100, 70, 0.12);

    /* ---- Typography (charte PDF exacte) ---- */
    --font-mono:     'Courier Prime', 'Courier New', Courier, monospace;
    --font-display:  'Bebas Neue', 'Arial Black', sans-serif;
    --font-impact:   'Archivo Black', 'Arial Black', sans-serif;
    --font-section:  'Cormorant Garamond', 'Playfair Display', Georgia, serif;

    /* ---- Type Scale ---- */
    --text-hero:     clamp(5rem, 15vw, 10rem);
    --text-section:  clamp(3.5rem, 9vw, 6rem);
    --text-punch:    clamp(2.2rem, 6vw, 3.8rem);
    --text-large:    clamp(1.4rem, 3.5vw, 1.8rem);
    --text-body:     1rem;
    --text-small:    0.95rem;
    --text-label:    0.85rem;

    /* ---- Spacing ---- */
    --space-xs:      8px;
    --space-sm:      16px;
    --space-md:      24px;
    --space-lg:      32px;
    --space-xl:      48px;
    --space-2xl:     64px;
    --space-3xl:     96px;
    --space-section: min(18vh, 180px);

    /* ---- Layout ---- */
    --max-width-text:    720px;
    --max-width-wide:    1100px;
    --container-padding: 32px;

    /* ---- Animation ---- */
    --ease-out:           cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out-expo:      cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-quint:     cubic-bezier(0.22, 1, 0.36, 1);
    --ease-out-back:      cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-in-out-quart:  cubic-bezier(0.76, 0, 0.24, 1);
    --duration-fast:  0.3s;
    --duration-base:  0.6s;
    --duration-slow:  0.8s;
    --duration-slower: 1.2s;
}