/* ==========================================================================
   Perreo — Spacing, radius, shadow & motion tokens
   ========================================================================== */

: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;

  /* corner radii — mostly sharp/blocky, small radius only on UI chrome
     (pills, chips, search fields); editorial panels stay square-cornered */
  --radius-none: 0px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;

  /* flat, high-contrast shadows — no soft ambient blur; kept for print-style
     stamped display TYPE only (see .text-display-stamp) — UI chrome like
     buttons/cards stays fully flat with zero box-shadow, no 3D volume */
  --shadow-stamp: 4px 5px 0 rgba(0,0,0,0.55);
  --shadow-stamp-sm: 2px 3px 0 rgba(0,0,0,0.5);
  --shadow-card: 0 6px 20px rgba(0,0,0,0.18);
  --shadow-pop: 0 2px 0 rgba(0,0,0,0.9);

  --border-width-hairline: 1px;
  --border-width-bold: 3px;

  /* motion — snappy, no bounce/ease-elastic seen in source; quick fades
     and small press-down scales read closer to the brand's raw energy */
  --ease-standard: cubic-bezier(.2,.7,.3,1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 340ms; /* @kind other */
}