/* ==========================================================================
   TasteWorthy — Spacing & layout tokens
   4px base grid.
   ========================================================================== */
:root {
  --space-0:   0;
  --space-1:   0.25rem;  /* 4px  */
  --space-2:   0.5rem;   /* 8px  */
  --space-3:   0.75rem;  /* 12px */
  --space-4:   1rem;     /* 16px */
  --space-5:   1.5rem;   /* 24px */
  --space-6:   2rem;     /* 32px */
  --space-7:   2.5rem;   /* 40px */
  --space-8:   3rem;     /* 48px */
  --space-9:   4rem;     /* 64px */
  --space-10:  6rem;     /* 96px */
  --space-11:  8rem;     /* 128px */

  /* ---- Layout ----------------------------------------------------------- */
  --container-max: 1200px;
  --container-wide: 1440px;
  --gutter:        var(--space-5);
  --gutter-mobile: var(--space-4);

  /* ---- The wedge ("kilen") --------------------------------------------
     Signature graphic device for framing imagery (guide p.23). Default
     angled clip — apply to image frames / hero media.                    */
  --wedge-angle: 7deg; /* @kind other */
  --wedge-clip-down: polygon(0 0, 100% 0, 100% 88%, 0 100%); /* @kind other */
  --wedge-clip-up:   polygon(0 12%, 100% 0, 100% 100%, 0 100%); /* @kind other */
  --wedge-clip-point:polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%); /* @kind other */
}