/**
 * Layout tokens
 *
 * These are the values that express the spatial dimensions of
 * the design system.
 */

@use './color';

$border-radius: 10px;
$border-radius--small: 5px;
$border-radius--large: 15px;
$border-radius--max: 9999px;

$border-width: 3px;

$box-shadow: 0 0 5px 0 color.$shadow;
$box-shadow--grey-light: 0 0 10px 0 color.$blue;
$box-shadow--large: 0 10px 20px 0 rgba(5 0 56 / 10%);

$padding: 15px;
$padding--large: 30px;
$padding--small: 10px;
$padding--smallest: 8px;

$margin: 15px;
$margin--large: 30px;
$margin--small: 10px;
$margin--smallest: 2px;

$z--max: 2147483647;