/* Shared by main.css and admin.css: one font, one spacing scale, one easing curve.
   Colours, radius and page width are in each stylesheet, because the two areas look different on purpose. */

:root {
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}