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

@font-face {
  font-family: Bergen;
  src: url('~assets/fonts/BergenText-Bold.otf') format('opentype');
  font-weight: 600;
}
@font-face {
  font-family: Bergen;
  src: url('~assets/fonts/BergenText-SemiBold.otf') format('opentype');
  font-weight: 500;
}
@font-face {
  font-family: Bergen;
  src: url('~assets/fonts/BergenText-Regular.otf') format('opentype');
  font-weight: 400;
}

$ff-sans: 'Bergen', sans-serif;
$ff-serif: 'Bergen', serif;

// Font weights
$fw-light: 300;
$fw-normal: 400;
$fw-bold: 700;

$modularscale: (
  base: 16px,
  400px: (
    base: 14px,
    ratio: 1.1,
  ),
  900px: (
    base: 16px,
    ratio: 1.1,
  ),
  1600px: (
    ratio: 1.125,
  ),
);