/* ============================================================
   SPACING TOKENS — base unit 4px (--geist-space). Every value
   is a multiple of 4. --geist-gap is exactly 24px.
   ============================================================ */
:root {
  --space-unit: 4px;

  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;   /* --geist-gap */
  --space-xl: 32px;
  --space-2xl: 40px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-5xl: 96px;
  --space-6xl: 128px;
  --space-section: 192px;

  /* Layout */
  --page-width: 1400px;      /* --ds-page-width */
  --page-width-legacy: 1200px; /* --geist-page-width */
  --gutter-desktop: 24px;
  --gutter-mobile: 16px;
  --header-height: 64px;

  /* Form heights */
  --form-height: 40px;        /* --geist-form-height */
  --form-height-sm: 32px;     /* --geist-form-small-height */
  --form-height-lg: 48px;     /* --geist-form-large-height */
}