/* =====================================================================
   VELYON — DESIGN TOKENS
   Variables uniques : couleurs, typographie, espacements, ombres.
   ===================================================================== */

:root {
  /* Couleurs de marque */
  --noir:            #090909;
  --noir-2:          #0A0A0A;
  --noir-3:          #111111;   /* surfaces / cartes */
  --noir-4:          #161616;   /* cartes survolées */
  --or:              #D4AF37;
  --or-clair:        #F2C14E;
  --blanc:           #FFFFFF;
  --gris-clair:      #CFCFCF;
  --gris:            #9A9A9A;
  --gris-fonce:      #6A6A6A;

  /* Bordures */
  --bord:           rgba(212, 175, 55, .18);   /* or discret */
  --bord-fort:      rgba(212, 175, 55, .45);
  --bord-neutre:    rgba(255, 255, 255, .08);

  /* Dégradés or */
  --grad-or:        linear-gradient(135deg, var(--or-clair), var(--or));
  --grad-or-texte:  linear-gradient(180deg, var(--or-clair), var(--or));

  /* Lueurs */
  --glow-or:        0 0 40px rgba(212, 175, 55, .28);
  --glow-or-fort:   0 0 60px rgba(212, 175, 55, .40);

  /* Ombres */
  --ombre-carte:    0 10px 30px rgba(0, 0, 0, .45);
  --ombre-carte-h:  0 18px 50px rgba(0, 0, 0, .55);
  --ombre-nav:      0 8px 30px rgba(0, 0, 0, .55);

  /* Typographie */
  --font-titre: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-corps: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* Rayons */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* Espacements */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;
  --sp-9: 96px;  --sp-10: 128px;

  /* Largeur de contenu */
  --max: 1200px;
  --max-large: 1400px;

  /* Courbe d'accélération (sans durée — utilisable dans animation/transition) */
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* Transitions (durée + courbe) */
  --t-fast: .18s ease;
  --t-med:  .35s cubic-bezier(.22, .61, .36, 1);
  --t-slow: .8s  cubic-bezier(.22, .61, .36, 1);

  /* Hauteur nav */
  --nav-h: 84px;
  --nav-h-scroll: 66px;
}