@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: 'Libre Caslon Display', serif;
$ff-serif: 'Raleway', sans-serif;

.ff-sans {
  font-family: $ff-sans;
}

.ff-serif {
  font-family: $ff-serif;
}

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

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

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

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

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