@charset "UTF-8";
@import "edge/base";

// Override EDGE variables here
// To override, uncomment the variable and set the new value
// Please keep the measurement unit (px or em) the same.

// The first thing to change is Font-family and Main color of your site

// -------
// FONT
// -------
// $header-font-family : "Helvetica Neue", "Helvetica", Helvetica, Arial, "sans-serif";
// $body-font-family   : "Helvetica", Helvetica, Arial, "sans-serif";
// $code-font-family   : "Consolas", Courier, "monospace";

// ------------------------------
// COLOR
//   Two main colors of your site
// ------------------------------
// $main-color    : #0173bc;
// $sub-color     : #e9e9e9;

// -----------------------
// COLOR PALETTE
//   These colors below should NEVER be used directly to style
//   set to another variable like $header-color: $blue-color;
// ----------------------------------------------------------
// $passive-color : #e9e9e9;
// $blue-color    : #0173bc;
// $yellow-color  : #dba924;
// $red-color     : #da2e18;
// $green-color   : #2cae34;

// ---------------------------
// OUTPUT CONFIG
//   debug       - if true : disable em conversion (will add neat effect in the future)
//   responsive  - if false: disable the grid from shrinking down
//   include     - if false: remove the CSS output, but can still use the mixin
// ------------------------------------------------------------------------------
// $debug-mode  : false;
// $responsive  : true;

// $include-typography : true;
// $include-grid       : true;
// $include-tile       : true;
// $include-visibility : true;

// $include-button  : true;
// $include-form    : true;

// $include-print   : false;
// $include-code    : false;

// ------
// BODY
// ------
// $body-bg          : #fff;
// $body-font-color  : #222;
// $body-font-weight : normal;
// $body-font-style  : normal;

// $body-font-size   : 16px;   // Also being used as base-value for pixel->em converter
// $body-line-height : 1.5;

// ---------------
// GLOBAL VALUE
// ---------------
// $g-radius : 5px;
// $g-transition : all 0.2s ease-out;

// --------
// GRID
// --------
// $row-max-width : 1140px;
// $total-columns : 12;
// $column-gutter : 20px;

// ------------
// TILE
// ------------
// $max-tiles   : 12;
// $tile-gutter : 15px;

// ---------------
// TYPOGRAPHY
// ---------------
// $h1-font-size : 44px;
// $h2-font-size : 36px;
// $h3-font-size : 28px;
// $h4-font-size : 22px;
// $h5-font-size : 18px;
// $h6-font-size : 16px;

// $header-font-color  : $body-font-color;
// $header-font-weight : 700;

// $p-margin-bottom    : 1.5em;

// -----------------
// CODE Highlighter
// -----------------
// $code-theme  : light; // light or dark

// -------------------
// MEDIA QUERIES
// -------------------
// $small-screen  : 480px;
// $medium-screen : 800px;
// $large-screen  : 1440px;
// $retina-screen : 192dpi;

// ----------
// BUTTON
// ----------
// $button-padding : 10px 20px;

// ------------------
// TEXT DIRECTION
// ------------------
// $text-direction   : ltr; // Controls default global text direction, 'rtl' or 'ltr'