@use "sass:math";

// breakpoints
$break-xs: 600;
$break-sm: 905;
$break-md: 1240;
$break-lg: 1696;

// measurements
$padding: 1rem;
$max-width: math.div($break-md, 16) * 1rem;
$breakpoint-menu: $break-sm * 1px;

//animations and transitions
$ts: 0.1s;
$tm: 0.25s;
$tl: 0.4s;
$tx: 0.6s;
$txx: 1s;

:root {
  --content-width: #{$max-width};
  --padding: #{$padding};
  --border-radius: .25rem;
}
