/* Rayons modérés, bordures fines plutôt qu'ombres. Élévations réservées aux calques flottants. */
:root{
--radius-none:0px;
--radius-sm:4px;
--radius-md:6px;
--radius-lg:8px;
--radius-xl:12px;
--radius-pill:999px;

--border-width-hairline:1px;
--border-width-strong:2px;
--border-width-accent:3px;

/* Élévation 0 et 1 couvrent 95% de l'interface : on s'appuie sur les bordures. */
--elevation-0:none;
--elevation-1:0 1px 2px rgba(20,23,26,.06);
--elevation-2:0 2px 6px rgba(20,23,26,.08);
--elevation-3:0 8px 20px rgba(20,23,26,.12);

--motion-fast:120ms; /* @kind other */
--motion-base:180ms; /* @kind other */
--motion-slow:260ms; /* @kind other */
--motion-ease:cubic-bezier(.2,0,.3,1); /* @kind other */
}