// Color Variables
{{ with site.Params.variables }}
$primary-color: {{.primary_color | default "#777"}};
$text-color: {{.text_color | default "#777"}};
$text-color-dark: {{.text_color_dark | default "#222"}};
$text-color-light: {{.text_color_light | default "#999"}};
$body-color: {{.body_color | default "#fff"}};
$border-color: {{.border_color | default "#ECECEC"}};
$black: {{.black | default "#000"}};
$white: {{.white | default "#fff"}};
$light: {{.light | default "#EDF6F5"}};
$dark: {{.dark | default "#222"}};


// Font Variables
$primary-font: '{{ replaceRE ":[ital,]*wght@[0-9,;]+" "" .primary_font | default "Lato"}}', {{.primary_font_type | default "sans-serif"}};
$secondary-font: '{{ replaceRE ":[ital,]*wght@[0-9,;]+" "" .secondary_font | default "Lato"}}', {{.secondary_font_type | default "sans-serif"}};
{{ end }}

@import 'mixins';

@import 'typography';

@import 'buttons';

@import 'common';

@import 'templates/navigation.scss';

@import 'templates/main.scss';