/* ==========================================================================
   Lock & Gooo — Design tokens
   Valeurs extraites directement de la maquette Figma (fileKey QDn1rzdp3zrrgTofUPGBEy,
   frame « Accueil » 100:11024, 1440 × 10004). Ne jamais écrire de valeur en dur
   ailleurs : tout passe par ces variables.
   ========================================================================== */

:root {
  /* ---------- Couleurs de marque ---------- */
  --c-primary:        #444CED;
  --c-primary-600:    #414CF2;
  --c-primary-700:    #1D60E8;
  --c-primary-900:    #1A1D82;
  --c-indigo-100:     #8698FA;
  --c-indigo-200:     #A8B0FA;
  --c-indigo-300:     #818CF8;
  --c-indigo-400:     #5C69F5;
  --c-indigo-500:     #5B69F6;
  --c-indigo-550:     #606EF6;
  --c-navy:           #232A7A;
  --c-navy-800:       #1E226B;
  --c-navy-900:       #050838;
  --c-navy-950:       #090B20;

  /* ---------- Couleurs de texte ---------- */
  --c-ink:            #121A26;  /* titres */
  --c-ink-2:          #151E2D;
  --c-body:           #1D293D;  /* paragraphes */
  --c-body-2:         #3E495A;
  --c-body-3:         #303845;
  --c-body-4:         #2A3D5A;
  --c-body-5:         #293A57;
  --c-label:          #0B1937;
  --c-muted:          #777F8B;
  --c-caption:        #191A0E;
  --c-faq-text:       #33312E;
  --c-review-name:    #171414;

  /* ---------- Fonds ---------- */
  --c-white:          #FFFFFF;
  --c-bg-hero:        #F5F7FF;
  --c-bg-ghost:       #FAFAFF;
  --c-bg-ghost-2:     #F8F8FF;
  --c-bg-ghost-3:     #FBFBFB;
  --c-bg-ghost-4:     #F6F6FF;
  --c-bg-card:        #FBFBFF;

  /* ---------- Bordures ---------- */
  --c-border:         #EBEBFF;
  --c-border-2:       #EEEEFF;
  --c-border-3:       #EFEFFF;
  --c-border-4:       #E5E5E5;
  --c-border-5:       #F2F2F2;
  --c-border-6:       #F4F4F4;
  --c-border-7:       #E8E8E8;
  --c-border-lang:    #D1D2ED;
  --c-border-soft:    rgba(129, 140, 248, .2);
  --c-border-price:   rgba(236, 238, 253, .9);
  --c-rule:           rgba(68, 76, 237, .12);

  /* ---------- Couleurs de statut / marques tierces ---------- */
  --c-success:        #22C55E;
  --c-star:           #F59E0B;
  --c-airbnb:         #FF385C;
  --c-booking:        #009FE3;
  --c-facebook:       #385997;
  --c-tiktok:         #FF004F;
  --c-flag-red:       #EF4135;

  /* ---------- Dégradés ---------- */
  --grad-brand:        linear-gradient(100deg, #1A1D82 0%, #414CF2 46.2%, #5C69F5 69.5%, #8698FA 100%);
  --grad-brand-price:  linear-gradient(120deg, #1A1D82 0%, #414CF2 30.9%, #5C69F5 60%, #8698FA 100%);
  --grad-hero-title:   linear-gradient(135deg, #1A1D82 0%, #414CF2 55%, #8698FA 100%);
  --grad-partners:     linear-gradient(94deg, #414CF2 0%, #4A55F3 37%, #525DF4 65.9%, #818CF8 100%);
  --grad-overlay-dark: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
  --grad-overlay-blue: linear-gradient(180deg, rgba(68, 76, 237, .2) 0%, rgba(64, 72, 237, .95) 100%);
  --grad-hero-card:    linear-gradient(180deg, rgba(68, 76, 237, .1) 0%, rgba(68, 76, 237, .9) 100%);
  --grad-dash-1:       linear-gradient(263deg, #818CF8 0%, rgba(129, 140, 248, 0) 100%);
  --grad-dash-2:       linear-gradient(261deg, #818CF8 0%, rgba(129, 140, 248, .23) 100%);
  --grad-dash-3:       linear-gradient(262deg, #818CF8 0%, rgba(129, 140, 248, .6) 100%);

  /* ---------- Typographie ---------- */
  --f-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --f-body:    "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Échelle typographique — taille / interlignage / graisse tirés de Figma */
  --t-h1:        60px;  --t-h1-lh:        75px;   /* Manrope 800 — hero        */
  --t-h2:        44px;  --t-h2-lh:        55px;   /* Manrope 800 — sections    */
  --t-h3:        22px;  --t-h3-lh:      28.6px;
  --t-footer-h:  70px;  --t-footer-h-lh:  91px;   /* Manrope 800 — footer      */
  --t-price:     38px;  --t-price-lh:   57.6px;   /* DM Sans 900               */
  --t-card-t:    21px;  --t-card-t-lh:  26.2px;   /* Manrope 800 — tarifs      */
  --t-accordion: 20px;  --t-accordion-lh: 27px;   /* Manrope 600 — FAQ         */
  --t-lead:      16px;  --t-lead-lh:    25.6px;   /* DM Sans 400 — chapô       */
  --t-body:      14px;  --t-body-lh:    22.4px;
  --t-small:     12px;  --t-small-lh:   19.2px;
  --t-badge:     12px;  --t-badge-lh:   15.6px;

  /* ---------- Rayons ---------- */
  --r-pill:  100px;
  --r-btn:    38px;
  --r-48:     48px;
  --r-40:     40px;
  --r-34:     34px;
  --r-32:     32px;
  --r-30:     30px;
  --r-28:     28px;
  --r-26:     26px;
  --r-24:     24px;
  --r-20:     20px;
  --r-18:     18px;
  --r-16:     16px;
  --r-14:     14px;
  --r-hero:   70px;  /* arrondi bas du bandeau hero */

  /* ---------- Ombres ---------- */
  --sh-btn:            0 4px 16px rgba(68, 76, 237, .16);
  --sh-btn-ghost:      0 3px 20px rgba(68, 76, 237, .02);
  --sh-nav:            0 3px 31px rgba(0, 0, 0, .04);
  --sh-search:         0 5px 20px rgba(32, 36, 115, .08);
  --sh-card:           0 4px 24px rgba(0, 0, 0, .08);
  --sh-contact:        0 4px 48px rgba(221, 224, 253, .8);
  --sh-float:          0 11px 64px rgba(35, 42, 122, .12);
  --sh-accordion:      0 1px 4px rgba(25, 33, 61, .06);
  --sh-accordion-open: 0 5px 15px rgba(74, 58, 255, .06);
  --sh-passport:       0 3px 32px rgba(0, 0, 0, .11);
  --sh-footer-card:    0 0 26px rgba(255, 255, 255, .2);

  /* ---------- Grille ---------- */
  --page:        1440px;  /* largeur de référence de la maquette */
  --container:   1200px;  /* largeur de contenu                  */
  --gutter:       120px;  /* marge latérale à 1440px             */
  --section-gap:  104px;  /* espacement vertical entre sections  */

  /* ---------- Mouvement ---------- */
  --ease:      cubic-bezier(.22, .61, .36, 1);
  --ease-out:  cubic-bezier(.16, 1, .3, 1);
  --dur-fast:  .18s;
  --dur:       .32s;
  --dur-slow:  .68s;
}