/* Thin hairlines do the work that shadows do in other systems. Radii are almost
   absent: only pills (buttons/tags) and a 2px softening on media are used. */
:root{
  --hairline:1px; /* @kind spacing */
  --line:1px solid var(--gris); /* @kind other */
  --line-strong:1px solid var(--noir); /* @kind other */
  --line-soft:1px solid var(--gris-clair); /* @kind other */
  --line-inverse:1px solid var(--gris-fonce); /* @kind other */
  --line-inverse-soft:1px solid #262626; /* @kind other */

  --radius-none:0px;
  --radius-media:2px;
  --radius-field:2px;
  --radius-pill:999px;
  --radius-badge:4px;

  --shadow-none:none;
  --shadow-media:0 1px 2px rgba(0,0,0,.06);
  --shadow-lift:0 12px 32px rgba(0,0,0,.10);
}