/* ============================================================
   Boatwork — Spacing, radius, shadow & motion tokens
   8-pt base grid with a few half-steps used in the source.
   ============================================================ */

:root {
  /* ---- Spacing scale --------------------------------------- */
  --bw-space-1:  4px;
  --bw-space-2:  8px;
  --bw-space-3:  12px;
  --bw-space-4:  16px;
  --bw-space-5:  20px;
  --bw-space-6:  24px;
  --bw-space-7:  28px;
  --bw-space-8:  30px;   /* nav item gap                        */
  --bw-space-10: 40px;   /* title → content                     */
  --bw-space-16: 64px;
  --bw-space-25: 100px;  /* major section rhythm                */

  /* ---- Layout ---------------------------------------------- */
  --bw-container:    1176px; /* content max-width               */
  --bw-gutter:       132px;  /* page side margin @ 1440          */
  --bw-navbar-h:     80px;
  --bw-subnav-h:     48px;

  /* ---- Radii ----------------------------------------------- */
  --bw-radius-sm:    6px;
  --bw-radius-md:    8px;    /* inputs                          */
  --bw-radius-lg:    10px;   /* cards, photos                   */
  --bw-radius-pill:  999px;  /* buttons, tags, search bars      */

  /* ---- Shadows (soft, low-contrast) ------------------------ */
  --bw-shadow-xs:   0 1px 2px rgba(0,0,0,0.02);
  --bw-shadow-sm:   0 2px 8px rgba(0,0,0,0.05);
  --bw-shadow-card: 0 4px 20px rgba(0,0,0,0.05);
  --bw-shadow-md:   0 8px 28px rgba(0,0,0,0.10);
  --bw-shadow-lg:   0 16px 48px rgba(0,0,0,0.12);
  --bw-shadow-nav:  0 1px 0 rgba(0,0,0,0.06);

  /* ---- Motion ---------------------------------------------- */
  --bw-ease:        cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --bw-ease-out:    cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --bw-dur-fast:    120ms;  /* @kind other */
  --bw-dur:         200ms;  /* @kind other */
  --bw-dur-slow:    320ms;  /* @kind other */
}