/* ============================================================
   Bawa — Spacing, radius, borders, shadow, motion
   Sharp corners (max 10px). Bold blocks. Structural shadows.
   ============================================================ */
:root {
  /* ---- Spacing scale (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;

  /* ---- Radius (brand cap = 10px; structural, never pill) ---- */
  --radius-0:  0px;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 5px;
  --radius-xl: 8px;    /* maximum — never a pill */

  /* ---- Borders (bold over dainty) ---- */
  --border-width:      2px;
  --border-width-bold: 2px;
  --border-width-heavy:3px;

  /* ---- Shadow — hard-edged, low-blur, structural (retro block) ---- */
  --shadow-sm:    0 1px 0 rgba(24,21,18,0.06);
  --shadow-md:    0 2px 0 rgba(24,21,18,0.10);
  --shadow-block: 4px 4px 0 var(--ink-900);      /* signature offset block */
  --shadow-block-blue:   4px 4px 0 var(--bawa-blue);
  --shadow-block-terra:  4px 4px 0 var(--bawa-terra);
  --shadow-block-forest: 4px 4px 0 var(--bawa-forest);
  --shadow-lift:  0 8px 24px rgba(24,21,18,0.12);

  /* ---- Layout ---- */
  --container:      1200px;
  --container-wide: 1440px;
  --container-text: 68ch;

  /* ---- Motion — crisp, minimal, no bounce ---- */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0.05, 0.36, 1);   /* @kind other */
  --dur-fast:   120ms;   /* @kind other */
  --dur-base:   200ms;   /* @kind other */
  --dur-slow:   320ms;   /* @kind other */
}