@import 'modularscale/vars';
@import 'modularscale/settings';
@import 'modularscale/pow';
@import 'modularscale/strip-units';
@import 'modularscale/round-px';
@import 'modularscale/function';
@import 'modularscale/respond';

$ff-sans: 'Poppins', sans-serif;
$ff-grandHotel: 'Grand Hotel', cursive;

// Font weights
$fw-light: 400;
$fw-normal: 500;
$fw-bold: 600;

.fw-light {
  font-weight: 400;
}

.fw-normal {
  font-weight: 500;
}

.fw-bold {
  font-weight: 600;
}

$modularscale: (
  base: 16px,
  400px: (base: 16px,
    ratio: 1.06,
  ),
  900px: (base: 16px,
    ratio: 1.111,
  ),
  1600px: (ratio: 1.125,
  ),
);