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

$ff-open-sans: 'Open Sans', sans-serif;
$ff-didonesque: 'Didonesque';
$ff-poppins: 'Poppins', sans-serif;

// Font weights
$fw-light: 300;
$fw-normal: 400;
$fw-medium: 600;
$fw-bold: 700;
$fw-xbold: 800;

@font-face {
  font-family: 'Didonesque';
  src: url('~assets/fonts/Didonesque/font.woff');
  font-weight: $fw-normal;
}

@font-face {
  font-family: 'Didonesque';
  src: url('~assets/fonts/Didonesque/font.woff2');
  font-weight: $fw-medium;
}

$modularscale: (
  base: 16px,
  400px: (
    base: 14px,
    ratio: 1.3,
  ),
  900px: (
    base: 16px,
    ratio: 1.3,
  ),
  1600px: (
    ratio: 1.5,
  ),
);

.fw-l {
  font-weight: $fw-light;
}
.fw-n {
  font-weight: $fw-normal;
}
.fw-m {
  font-weight: $fw-medium;
}
.fw-b {
  font-weight: $fw-bold;
}
.fw-xb {
  font-weight: $fw-xbold;
}