@import "hid-colors";



// Grid containers
//
// Define the maximum width of `.hid-container` for different screen sizes.

$hid-container-max-widths: (
        sm: 540px,
        md: 720px,
        lg: 960px,
        xl: 1140px
) !default;

// Fonts

$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-roboto: Roboto !default;
$font-family-montserrat: Montserrat !default;

$font-family-base: $font-family-roboto !default;

$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
$font-size-lg: ($font-size-base * 1.25) !default; // 18px
$font-size-sm: ($font-size-base * .875) !default; // 14px

$font-weight-light: 400 !default;
$font-weight-normal: 500 !default;
$font-weight-bold: 700 !default;

$font-weight-base: $font-weight-normal !default;
$line-height-base: 1.5 !default;

$hid-header-height: 3.75rem;
$hid-header-footer-zIndex: 1300;

$hid-base-padding: 1rem;