@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 1.5rem !default; // 24px //Bootstrap overwrite $gray-dark: #373a3c; $gray: #55595c; $gray-light: #818a91; $gray-lighter: #eceeef; $gray-lightest: #f7f7f9; $brand-primary: #039cfd; $brand-success: #1bb99a; $brand-info: #3db9dc; $brand-warning: #f1b53d; $brand-danger: #ff5d48; // Custom colors $white: #ffffff; $custom: #64b0f2; $dark: #2b3d51; $pink: #ff7aa3; $purple: #9261c6; $body-bg: #f5f5f5; $body-color: $dark; // Links // // Style anchor elements. $link-color: $custom; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: none; // Typography // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: 'Roboto', sans-serif; // Pixel value used to responsively scale all typography. Applied to the `` element. $font-size-root: 14px !default; $font-size-base: 1rem !default; // Form states and alerts // // Define colors for form feedback states and, by default, alerts. $state-success-text: #1bb99a !default; $state-success-bg: #B6E9DF !default; $state-success-border: darken($state-success-bg, 5%) !default; $state-info-text: #23a0c3 !default; $state-info-bg: #ABDBE8 !default; $state-info-border: darken($state-info-bg, 7%) !default; $state-warning-text: #eaa211 !default; $state-warning-bg: #FAE8C4 !default; $state-warning-border: darken($state-warning-bg, 5%) !default; $state-danger-text: #ff3015 !default; $state-danger-bg: #FFCCC5 !default; $state-danger-border: darken($state-danger-bg, 5%) !default; //Import bootstrap variables @import "bootstrap/variables";