/* ──────────────────────────────────────────────────────────────────
   Toore — Spacing, radii & elevation tokens
   ────────────────────────────────────────────────────────────────── */

:root {
  /* ── Spacing scale (px) ────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;   /* page margin on the brandboard */

  /* ── Radii ─────────────────────────────────────────────────────── */
  --radius-xs:   4px;    /* compact chips / swatches */
  --radius-sm:   8px;
  --radius-md:   12px;   /* medium tiles, inputs, icon plaques */
  --radius-lg:   20px;   /* signature card radius */
  --radius-xl:   28px;
  --radius-pill: 999px;  /* tags / buttons */

  /* ── Elevation ─────────────────────────────────────────────────── */
  --shadow-card: 12px 12px 30px 0px rgba(0,0,0,0.12);  /* signature offset card shadow */
  --shadow-soft: 0 4px 16px 0 rgba(0,0,0,0.06);
  --shadow-inset-line: inset 0 0 0 1px var(--line-default);
}