@use "sass:math";

$size-base: 16;

$size-4 : math.div(4, $size-base) + rem;
$size-8 : math.div(8, $size-base) + rem;
$size-16: math.div(16, $size-base) + rem;
$size-32: math.div(32, $size-base) + rem;
$size-48: math.div(48, $size-base) + rem;
$size-64: math.div(64, $size-base) + rem;
$size-80: math.div(80, $size-base) + rem;

// Border
$border-input: $size-8;
$border-contenedor: $size-8;

// Border Radius
$border-radius-contenedor: $size-16;
$border-radius-input: $size-16;
$border-radius-informacion: $size-32;

// Padding
$padding-input: $size-16;
$padding-select: $size-32;
$padding-contenedor: $size-48;
$padding-contenedor-campo: $size-32;
$padding-body: $size-64;
$padding-mensaje: $size-64;
$padding-modal: $size-64;
$padding-boton: 1em;

// Gap
$gap-container: $size-64;
$gap-caja: $size-32;