/* ==========================================================================
   MÉTHODE AURA — Direction artistique (tokens)
   Palette officielle (charte 2026) : Obsidienne, Ivoire Aura, Violet Électrique, Or Solaire.
   ========================================================================== */
:root{
  /* Couleurs de marque */
  --obs:#0B0B0D;
  --obs-2:#111114;
  --obs-3:#18181C;
  --ivo:#F5F2EA;
  --ivo-2:#ECE6D8;
  --vio:#6C3BFF;
  --vio-deep:#5327D6;
  --vio-2:#916CFF;
  --vio-3:#B69DFF;
  --vio-4:#DACEFF;
  --vio-5:#F0EBFF;
  --or:#D9A441;
  --or-2:#E2BB70;
  --or-3:#ECD2A0;
  --white:#FFFFFF;

  /* Neutres (nuancier étendu) */
  --n-1:#464544;
  --n-2:#807E7C;
  --n-3:#BAB8B3;

  /* Texte secondaire */
  --muted-dark:#9A968E;      /* sur obsidienne */
  --muted-dark-2:#6E6B66;
  --muted-light:#5B564C;     /* sur ivoire */
  --muted-light-2:#8A8578;

  /* Filets */
  --line-dark:rgba(245,242,234,0.10);
  --line-dark-2:rgba(245,242,234,0.18);
  --line-light:rgba(11,11,13,0.10);
  --line-light-2:rgba(11,11,13,0.18);

  /* Aura (RGB pour les alphas) */
  --vio-rgb:108,59,255;
  --or-rgb:217,164,65;
  --ivo-rgb:245,242,234;
  --obs-rgb:11,11,13;

  /* Typographie */
  --font:'Sora','Poppins',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fs-display:clamp(44px, min(7.4vw, 13.5vh), 108px);
  --fs-h2:clamp(34px, 4.4vw, 62px);
  --fs-h3:clamp(20px, 1.6vw, 24px);
  --fs-lead:clamp(16px, 1.15vw, 18px);
  --fs-body:15px;
  --fs-small:13px;
  --fs-micro:11.5px;
  --lh-tight:0.98;
  --lh-title:1.08;
  --lh-body:1.65;
  --track-display:-0.035em;
  --track-title:-0.025em;

  /* Rythme */
  --container:1280px;
  --gutter:clamp(20px, 4vw, 48px);
  --s-pad:clamp(120px, 14vw, 200px);
  --radius:22px;
  --radius-sm:12px;

  /* Mouvement — le site respire : lent, doux, jamais brusque */
  --ease-out:cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout:cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast:0.45s;
  --d-base:0.9s;
  --d-slow:1.4s;

  /* Couches */
  --z-canvas:0;
  --z-content:1;
  --z-nav:500;
  --z-menu:600;
  --z-intro:900;
  --z-cursor:1000;
}
