/* ============================================================
   FIGHT CLUB TLV — SPACING & LAYOUT TOKENS
   ------------------------------------------------------------
   4px base grid. Generous section rhythm for a premium feel.
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --sp-0:   0;         /* @kind spacing */
  --sp-1:   0.25rem;   /* @kind spacing */
  --sp-2:   0.5rem;    /* @kind spacing */
  --sp-3:   0.75rem;   /* @kind spacing */
  --sp-4:   1rem;      /* @kind spacing */
  --sp-5:   1.25rem;   /* @kind spacing */
  --sp-6:   1.5rem;    /* @kind spacing */
  --sp-8:   2rem;      /* @kind spacing */
  --sp-10:  2.5rem;    /* @kind spacing */
  --sp-12:  3rem;      /* @kind spacing */
  --sp-16:  4rem;      /* @kind spacing */
  --sp-20:  5rem;      /* @kind spacing */
  --sp-24:  6rem;      /* @kind spacing */
  --sp-32:  8rem;      /* @kind spacing */

  /* ---- Section rhythm ---- */
  --section-y:        clamp(4rem, 9vw, 8rem);   /* @kind spacing */
  --section-gap:      clamp(2rem, 5vw, 4rem);   /* @kind spacing */

  /* ---- Container ---- */
  --container-max:    1240px;                   /* @kind spacing */
  --container-narrow: 760px;                    /* @kind spacing */
  --container-pad:    clamp(1.25rem, 5vw, 4rem);/* @kind spacing */

  /* ---- Grid gaps ---- */
  --gap-xs:  var(--sp-2);   /* @kind spacing */
  --gap-sm:  var(--sp-4);   /* @kind spacing */
  --gap-md:  var(--sp-6);   /* @kind spacing */
  --gap-lg:  var(--sp-8);   /* @kind spacing */
  --gap-xl:  var(--sp-12);  /* @kind spacing */
}