/* ============================================================
   O'taquet Beauty — Spacing, shape, elevation, motion, layout
   Grille de base 8px. Angles quasi nets (2px). Ombres diffuses
   et chaudes, teintées bordeaux — jamais dures.
   ============================================================ */
:root{
  /* — Espacement (base 8px) — */
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px;
  --space-5:40px; --space-6:56px; --space-8:80px; --space-10:112px;

  /* — Forme — */
  --radius:2px;
  --radius-pill:999px;

  /* — Élévation (ombres chaudes, teintées bordeaux) — */
  --shadow-sm:0 6px 16px rgba(62,22,34,.08);
  --shadow-md:0 16px 34px rgba(62,22,34,.12);
  --shadow-lg:0 30px 60px rgba(62,22,34,.20);

  /* — Motion — */
  --ease:cubic-bezier(.22,1,.36,1); /* @kind other */
  --dur:250ms; /* @kind other */
  --dur-rise:500ms; /* @kind other */

  /* — Layout — */
  --maxw:1200px; /* @kind spacing */
}