/* Rhône Saône — Spacing & layout tokens
   Base scale: 4 8 12 16 24 32 48 64 80 96 px.
   Section rhythm 80–96 desktop / 56–72 mobile. Card padding 20–28. */

:root {
  --rs-space-1: 0.25rem;  /* 4 */
  --rs-space-2: 0.5rem;   /* 8 */
  --rs-space-3: 0.75rem;  /* 12 */
  --rs-space-4: 1rem;     /* 16 */
  --rs-space-5: 1.25rem;  /* 20 */
  --rs-space-6: 1.5rem;   /* 24 */
  --rs-space-8: 2rem;     /* 32 */
  --rs-space-12: 3rem;    /* 48 */
  --rs-space-16: 4rem;    /* 64 */
  --rs-space-20: 5rem;    /* 80 */
  --rs-space-24: 6rem;    /* 96 */

  /* Section rhythm */
  --rs-section-y-desktop: clamp(5rem, 7vw, 6rem); /* @kind spacing */
  --rs-section-y-mobile: clamp(3.5rem, 9vw, 4.5rem); /* @kind spacing */

  /* Card padding */
  --rs-card-pad: 1.5rem;       /* 24 — standard */
  --rs-card-pad-sm: 1.25rem;   /* 20 */
  --rs-card-pad-lg: 1.75rem;   /* 28 */

  /* Layout containers */
  --rs-container-wide: 75rem;   /* 1200 */
  --rs-container-text: 52rem;   /* ~832 editorial */

  /* Page gutters */
  --rs-gutter-mobile: 1.125rem;  /* 18 */
  --rs-gutter-tablet: 1.75rem;   /* 28 */
  --rs-gutter-desktop: 2.5rem;   /* 40 */

  /* Minimum touch target */
  --rs-touch-min: 2.75rem; /* 44px */
}