/*
Breakpoints
*/
$xs: 384px !default;
$sm: 576px !default;
$md: 768px !default;
$lg: 992px !default;
$xl: 1280px !default;
$xxl: 1536px !default;
$xxxl: 1920px !default;

$breakpoints: (
  "xs": $xs,
  "sm": $sm,
  "md": $md,
  "lg": $lg,
  "xl": $xl,
  "xxl": $xxl,
  "xxxl": $xxxl,
) !default;

/*
Colors
*/
$primary: #27669a;
$text: #22323c;
$text-dark: #e0ecf1;

/*
Font
*/
$font-sizes: (
  "text-xs": calc(var(--font-size) * 0.75),
  "text-sm": calc(var(--font-size) * 0.875),
  "text-md": var(--font-size),
  "text-lg": calc(var(--font-size) * 1.125),
  "text-xl": calc(var(--font-size) * 1.25),
  "text-2xl": calc(var(--font-size) * 1.5),
  "text-3xl": calc(var(--font-size) * 1.75),
  "text-4xl": calc(var(--font-size) * 2),
);