/*
|--------------------------------------------------------------------------
| Smart Laundry Design System
| Spacing Tokens
| SLDS v1.0
|--------------------------------------------------------------------------
|
| Base unit: 4px
|
*/

:root {
  /*
    |--------------------------------------------------------------------------
    | Core Spacing Scale
    |--------------------------------------------------------------------------
    */

  --sl-space-0: 0;

  --sl-space-1: 4px;

  --sl-space-2: 8px;

  --sl-space-3: 12px;

  --sl-space-4: 16px;

  --sl-space-5: 20px;

  --sl-space-6: 24px;

  --sl-space-8: 32px;

  --sl-space-10: 40px;

  --sl-space-12: 48px;

  --sl-space-16: 64px;

  /*
    |--------------------------------------------------------------------------
    | Component Specific
    |--------------------------------------------------------------------------
    */

  /* Card */

  --sl-card-padding: var(--sl-space-6);

  /* Input */

  --sl-input-padding-x: var(--sl-space-4);

  --sl-input-padding-y: var(--sl-space-3);

  /* Button */

  --sl-btn-padding-x: var(--sl-space-5);

  --sl-btn-padding-y: var(--sl-space-3);

  /*
    |--------------------------------------------------------------------------
    | Layout
    |--------------------------------------------------------------------------
    */

  --sl-page-padding: var(--sl-space-6);

  --sl-section-gap: var(--sl-space-8);
}