/*
|--------------------------------------------------------------------------
| Smart Laundry Design System
| Elevation Tokens
| SLDS v1.0
|--------------------------------------------------------------------------
*/

:root {
  /*
    |--------------------------------------------------------------------------
    | Border System
    |--------------------------------------------------------------------------
    */

  --sl-border-width: 1px;

  --sl-border-style: solid;

  /*
    |--------------------------------------------------------------------------
    | Shadow Scale
    |--------------------------------------------------------------------------
    */

  --sl-shadow-none: none;

  --sl-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);

  --sl-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.06);

  --sl-shadow-md: 0 4px 6px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.06);

  --sl-shadow-lg: 0 10px 20px rgba(15, 23, 42, 0.12);

  --sl-shadow-xl: 0 20px 40px rgba(15, 23, 42, 0.16);

  /*
    |--------------------------------------------------------------------------
    | Component Mapping
    |--------------------------------------------------------------------------
    */

  --sl-card-shadow: var(--sl-shadow-sm);

  --sl-dropdown-shadow: var(--sl-shadow-md);

  --sl-modal-shadow: var(--sl-shadow-xl);

  --sl-floating-shadow: var(--sl-shadow-lg);
}