/* Farm Capital — Spacing Tokens */

:root {
  /* ── Base Scale (4px grid) ── */
  --space-0:    0px;
  --space-1:    4px;
  --space-2:    8px;
  --space-3:    12px;
  --space-4:    16px;
  --space-5:    20px;
  --space-6:    24px;
  --space-8:    32px;
  --space-10:   40px;
  --space-12:   48px;
  --space-14:   56px;
  --space-16:   64px;
  --space-20:   80px;
  --space-24:   96px;
  --space-32:  128px;
  --space-40:  160px;

  /* ── Semantic Spacing ── */
  --spacing-component-xs:   var(--space-1);
  --spacing-component-sm:   var(--space-2);
  --spacing-component-md:   var(--space-4);
  --spacing-component-lg:   var(--space-6);
  --spacing-component-xl:   var(--space-8);

  --spacing-section-sm:     var(--space-12);
  --spacing-section-md:     var(--space-20);
  --spacing-section-lg:     var(--space-32);

  --spacing-page-x:         var(--space-8);
  --spacing-page-x-lg:      var(--space-16);

  /* ── Border Radius ── */
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* Semantic radius */
  --radius-button:  var(--radius-sm);
  --radius-input:   var(--radius-sm);
  --radius-card:    var(--radius-lg);
  --radius-badge:   var(--radius-sm);
  --radius-modal:   var(--radius-xl);

  /* ── Layout ── */
  --max-width-content:  1200px;
  --max-width-text:      720px;
  --max-width-narrow:    560px;
}