/* ==================================================================
   Mitmachbox — Shape & Elevation tokens
   Elevation is FLAT: form is defined by 1px ink borders and surface
   colour shifts (paper → fog), never by drop shadows, glows, or blur.
   The single exception is a soft scrim behind modal overlays.
   ================================================================== */
:root {
  /* --- Border radius --------------------------------------------- */
  --radius-sm:      6px;    /* small chips, inner elements */
  --radius-control: 10px;   /* buttons, inputs, nav, tags */
  --radius-card:    16px;   /* cards, banners, dialogs */
  --radius-full:    999px;  /* pills, avatars, status dots */

  /* --- Border width ---------------------------------------------- */
  --border-hairline-w: 1px;

  /* --- Elevation : there is none. Kept as tokens so components can
         reference "flat" explicitly instead of hard-coding none. ---- */
  --elevation-flat: none;
  --elevation-raised: none;

  /* --- Modal scrim (the one permitted overlay treatment) --------- */
  --scrim: rgba(26, 26, 26, 0.35);

  /* --- Motion ----------------------------------------------------- */
  /* Quiet, mechanical transitions. No bounce, no spring — a switch
     either is on or off, echoing the e-paper hardware. */
  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1); /* @kind other */
  --duration-fast: 90ms; /* @kind other */
  --duration-base: 140ms; /* @kind other */
}