@font-face {
  font-family: "momo-woff2";
  src: url("/fonts/momo.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "nunito-woff2";
  src: url("/fonts/nunito.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

{{ with site.Params.variables }}
// Color variables
$color-primary: {{.color_primary}};
$text-color: {{.text_color}};
$text-dark: {{.text_dark}};
$text-light: {{.text_light}};
$body-bg: {{.body_color}};
$border-color: {{.border_color}};
$black: {{.black}};
$white: {{.white}};
$light: {{.light}};

// Font Variables
$font-size: {{.font_size}};
$font-primary: "nunito-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;;
$font-secondary: "momo-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;;
$icon-font: '{{.font_icon}}';
{{ end }}

@import 'templates/bootstrap';
@import 'mixins';
@import 'typography';
@import 'buttons';
@import 'common';
@import 'templates/navigation.scss';
@import 'templates/main.scss';
@import 'templates/search-modal';
@import 'gallery';
@import 'tabs';
//@import 'notice';
@import 'collapse';