/* ==========================================================================
   LookAmaze R2 — SPACING TOKENS           [INERT — :root ONLY]
   ==========================================================================

   WHAT THIS FILE IS
   -----------------
   One compact spacing scale, expressed as custom properties. Ten fixed steps on
   a 4px base, plus four contextual fluid values for page gutters, section
   rhythm, block rhythm and card padding.

   WHY THIS FILE IS INERT
   ----------------------
   It contains ONE `:root` block of custom-property declarations and NO
   selectors. No margin, padding, gap or grid rule is set anywhere, so no
   element on the site is affected. Nothing consumes these values yet.

   THE SCALE — 4px base, 1.5× through the middle, doubling at the top
   ---------------------------------------------------------------------
     4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 128 px

   This is a deliberate compromise between a strict geometric progression
   (which grows too fast for UI work) and a linear one (which produces too many
   near-identical values). Ten steps cover text rhythm, cards, sections,
   gutters and editorial whitespace without anyone inventing arbitrary values.

   Use the fixed steps for anything dimensional (gaps, padding, offsets). Use
   the four fluid values for layout rhythm that must breathe differently on a
   phone and on a desktop.

   Role guidance and rationale: ../DESIGN-SYSTEM.md
   ========================================================================== */

:root {

  /* ---- fixed scale ------------------------------------------------------ */
  --lm-space-3xs: 0.25rem;   /*   4px — hairline separation, icon gaps      */
  --lm-space-2xs: 0.5rem;    /*   8px — inside small controls, tight stacks */
  --lm-space-xs:  0.75rem;   /*  12px — label to field, caption offset      */
  --lm-space-sm:  1rem;      /*  16px — base unit; paragraph rhythm         */
  --lm-space-md:  1.5rem;    /*  24px — between related blocks, card inner  */
  --lm-space-lg:  2rem;      /*  32px — between sub-sections                */
  --lm-space-xl:  3rem;      /*  48px — between sections on small screens   */
  --lm-space-2xl: 4rem;      /*  64px — between sections on desktop         */
  --lm-space-3xl: 6rem;      /*  96px — major editorial breaks              */
  --lm-space-4xl: 8rem;      /* 128px — hero breathing room, chapter starts */

  /* ---- fluid context values --------------------------------------------
     Each collapses toward its minimum on a narrow screen and reaches its
     maximum on a wide one, so layout rhythm scales without breakpoints. */
  --lm-gutter:         clamp(1rem, 4vw, 2.5rem);      /* 16 → 40px page gutter        */
  --lm-section-gap:    clamp(3rem, 6vw, 6rem);        /* 48 → 96px between sections   */
  --lm-block-gap:      clamp(1.5rem, 3vw, 2.5rem);    /* 24 → 40px between blocks     */
  --lm-card-padding:   clamp(1.25rem, 2vw, 2rem);     /* 20 → 32px card inner padding */
}