// Modular Scale settings
$ms-base:       1em, 0.875em;
$ms-ratio:      1.618;

// Site Fonts
$font_main:     -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
$font_heading:  $font_main;
$font_code:     Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font_pre:      "Courier 10 Pitch", Courier, monospace;

$container_width: 1200px; // 1200px; 75em

// Background
$background_body: #ffffff;

// Colors
$color_text:        #444444;
$color_primary:     #0cb4ce;
$color_link:        #0cb4ce;
$color_link_hover:  #0cb4ce;
$color_border:      #eaecee;
$color_meta:        #6d6d6d;

// Menu sidebar colors.
// - Text Light
$ms_tl_color: rgba(255, 255, 255, 0.99);
$ms_tl_color_hover: rgba(255, 255, 255, 0.7);
$ms_tl_bg: rgba(0,0,0,0.8);
$ms_tl_border_color: rgba(255,255,255,0.09);

// - Text Dark
$ms_td_color: rgba(0,0,0,0.75);
$ms_td_color_hover: rgba(0,0,0,0.6);
$ms_td_bg: rgba(255,255,255,0.9);
$ms_td_border_color: rgba(0,0,0,0.08);

$ms_light_color: rgba(255, 255, 255, 0.8);
$ms_light_color_hover: rgba(255, 255, 255, 0.9);
$ms_light_bg: #f2f2f2;
$ms_light_border_color: rgba(255,255,255,0.09);
$ms_dark_color: rgba(0,0,0,0.6);
$ms_dark_color_hover: rgba(0,0,0,0.99);
$ms_dark_bg: rgba(0,0,0,0.95);
$ms_dark_border_color: rgba(0,0,0,0.08);

// Screen resolutions
$screen_lg: 80em;   // max 1280px
$screen_md: 64em;   // max 1024px
$screen_sm: 48em;   // max 768px
$screen_xs: 35.5em; // up to 568px

/*
$gl-devices-list: (
    desktop: "screen and (min-width: 64em)", // up 1024px
    tablet: "screen and (max-width: 64em) and ( min-width: 35.5em )", // 568px - 1024px
    mobile: "screen and (max-width: 35.5em)" // from to 568px to smaller
) !default;
*/

$gl-devices-list: (
        desktop: "screen and (min-width: 1025px)", // up 1024px
        tablet: "screen and (max-width: 1024px)", // 568px - 1024px
        mobile: "screen and (max-width: 568px)" // from to 568px to smaller
) !default;