/* ============================================================
   Mulligan Funding — Spacing Tokens
   Source: MF Design System Figma file (/05.-Spacing page)
   ============================================================ */

:root {

  /* ── Spacing Scale ────────────────────────────────────────── */
  --space-3xs:  4px;
  --space-2xs:  8px;
  --space-xs:  12px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  32px;
  --space-2xl: 40px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-5xl: 80px;
  --space-6xl: 96px;

  /* ── Border Radius ────────────────────────────────────────── */
  --radius-none:   0px;
  --radius-sm:     4px;
  --radius-md:     6px;
  --radius-lg:     8px;
  --radius-xl:    12px;
  --radius-2xl:   16px;
  --radius-full: 999px;

  /* ── Border Width ─────────────────────────────────────────── */
  --border-width-sm: 1px;
  --border-width-md: 2px;

  /* ── Component sizing ─────────────────────────────────────── */
  --input-height-sm:  36px;
  --input-height-md:  44px;
  --input-height-lg:  52px;

  --btn-height-sm:  36px;
  --btn-height-md:  44px;
  --btn-height-lg:  60px;

  --btn-padding-x-sm: 12px;
  --btn-padding-x-md: 16px;
  --btn-padding-x-lg: 20px;
}