/* ============================================================
   ARTS MERCANTILE — SPACING, RADII, SHADOW, MOTION
   The brand is hard-edged & industrial: minimal radius, hairline
   rules over soft shadows, snappy (non-bouncy) motion.
   ============================================================ */
:root {
  /* —— Spacing (4px base) —— */
  --space-0:   0;
  --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;
  --space-10:  128px;

  /* —— Radii — corners stay tight; the brand is square & stamped —— */
  --radius-0:   0;       /* default: hard corners (buttons, inputs, cards) */
  --radius-sm:  2px;
  --radius-md:  4px;
  --radius-pill: 999px;  /* tags / badges only */

  /* —— Borders —— */
  --border-w:      2px; /* @kind spacing */
  --border-w-bold: 4px; /* @kind spacing */

  /* —— Shadows — used sparingly; prefer a hard offset "block" shadow —— */
  --shadow-none:  none;
  --shadow-sm:    0 1px 0 rgba(23,30,27,0.12);
  --shadow-block: 6px 6px 0 var(--am-ink-800);     /* signature hard offset */
  --shadow-block-molten: 6px 6px 0 var(--am-molten-500);
  --shadow-pop:   0 12px 32px -12px rgba(23,30,27,0.45);

  /* —— Motion — snappy, mechanical; no bounce —— */
  --ease:        cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:    120ms; /* @kind other */
  --dur:         200ms; /* @kind other */
  --dur-slow:    340ms; /* @kind other */

  /* —— Layout —— */
  --container:    1200px; /* @kind spacing */
  --container-wide: 1440px; /* @kind spacing */
  --gutter:       clamp(20px, 5vw, 64px); /* @kind spacing */
}