//Core stuff
@import "project/core/fonts";
@import "project/core/palette";

// Responsiveness
// The container horizontal gap, which acts as the offset for breakpoints
$gap: 60px !default;
$tablet: 768px !default;
$desktop: 960px + (2 * $gap) !default;
$widescreen: 1152px + (2 * $gap) !default;
$fullhd: 1320px + (2 * $gap) !default;
$column-gap: 1.375rem;

@import "../node_modules/bulma/sass/utilities/initial-variables";

$font-tgn: "Trade Gothic Next W01", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
$font-tgn-bold: "TradeGothicNextW01-Bold_693229", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
$font-tgn-condensed: "TradeGothicNextW01-Cond", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
$font-tgn-condensed-bold: "TradeGothicNextW01-Bold_693232", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
$font-tgn-hv-condensed: "TradeGothicNextW01-HvCn_707049", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;

$family-primary: $font-tgn;
$family-code: $family-monospace;

$font-size-big: 1.5rem;
$font-size-body-text: 0.888rem;
$font-size-small: 0.777rem;
$font-size-body-text-small: 0.666rem;

// Animations
$transition-duration: 0.2s;

@import "../node_modules/bulma/sass/utilities/_all";
@import "../node_modules/bulma/sass/base/_all";
@import "../node_modules/bulma/sass/layout/_all";
@import "../node_modules/bulma/sass/grid/_all";
@import "../node_modules/bulma/sass/elements/_all";
@import "../node_modules/bulma/sass/components/_all";
@import "../node_modules/cropper/dist/cropper";
@import "../node_modules/swiper/dist/css/swiper";
@import "../node_modules/odometer/themes/odometer-theme-default";
@import "../node_modules/animate.css/animate.min";

// Project
@import "project/common";

// Styleguide
@import "project/core/typography";
@import "project/core/components";

// Pages
@import "project/pages/homepage";
@import "project/pages/get-involved";
@import "project/pages/story";
@import "project/pages/404";
@import "project/pages/browser_upgrade";

// Components
@import "project/components/header";
@import "project/components/footer";
@import "project/components/range-slider";
@import "project/components/story-slider";
@import "project/components/gallery";