:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;

--radius-sm:6px;
--radius-md:12px;
--radius-lg:20px; /* bloc logo bordeaux aux angles arrondis */
--radius-xl:32px;
--radius-pill:999px;

--shadow-soft:0 10px 30px rgba(60,6,22,.18);
--shadow-lift:0 18px 40px rgba(60,6,22,.28);
--shadow-paper:0 2px 4px rgba(40,4,14,.18),0 12px 24px rgba(40,4,14,.22);

--ease-out:cubic-bezier(.22,.8,.3,1); /* @kind other */
--ease-bounce:cubic-bezier(.34,1.4,.5,1); /* @kind other */
--dur-fast:140ms; /* @kind other */
--dur-base:240ms; /* @kind other */
--dur-slow:480ms; /* @kind other */
}