//
// Variables, variables, variables!
//
// @package #{ext_directory()}
// @path /_Variables.sass
// @link http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_
//

// =============================================================================
// Project settings
// =============================================================================

// Set the box-sizing of all elements to 'border-box'.
$global-border-box: true;

// Namespace.
//
// Would you like inuitcss’ classes to be prepended with a namespace? If so,
// define it here.
$inuit-namespace: null !default;

// Is this project a responsive one?
$inuit-responsive-settings: true;

// Browser support for 'false':
// Google Chrome
// Mozilla Firefox 4+
// Apple Safari 5+
// Opera 12+
// Internet Explorer 8+
$legacy-normalizecss: false;

// Reading direction of this project, if set to 'rtl' texts, labels
// and the grid will be aligned to the right side of the document.
$direction: ltr;

// =============================================================================
// Brand related variables
// =============================================================================
// Your brand colors, for each of these keys, a class text-color helper-class will be generated.
// f.e. `.brandColor-primary { color: #0097d7; }`
$brand-colors: (
        primary: #F2F2F2,
        secondary: #00dae5,
        tertiary: #FF4664,
        quaternary: #0096F6,
        quinary: #003278,
        senary: #000000
);


//Light version
$default-colors: (
        primary: #FFFFFF,
        secondary: #000000
);

$default-colors-transparency: (
        primary: rgba(0, 0, 0, 0.38),
        secondary: rgba(0, 0, 0, 0.54),
        tertiary: rgba(0, 0, 0, 0.15),
        quaternary: rgba(0, 0, 0, 0.82),
        quinary: rgba(0, 0, 0, 0.05),
);

$ligthen: 15%;
$darken: 15%;


// colors v2

// saturate / desaturate steps
$gradations: (
        murky: 5%,
        further: 20%,
        much: 40%
);

// Brand Colors, do not use any other colors!
$ui-colors: (
        light-shade: #ffffff,
        light-accent: #DEE8EF,
        primary-color: #0096F6,
        dark-accent: #3E4C55,
        dark-shade: #000000
);


$ui-color-states: (
        success: #3BCE95,
        warning: #FFBA00,
        danger: #FF4664,
        info: #0096F6
);

$fallbacks: (
        'Mono': unquote("'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace"),
        'Sans': unquote("'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif"),
        'Serif': unquote("'IBM Plex Serif', 'Georgia', Times, serif")
) !default;

// Base font settings which will be set on the '<body>' element,
// '$base-font-size' and '$base-line-height' are pixel values.
$base-font-size: 16px;
$base-line-height: 1.5;
$base-font-family: map-get($fallbacks, 'Sans');
$base-body-background: map_get($brand-colors, primary);
$base-text-color: map_get($default-colors, secondary);

// Typographic spacings (in pixels), these default values will
// output a basic vertical rythm based on your '$base-line-height'.
$basic-spacing: 15;
$half-spacing: 10;

// =============================================================================
// Design related variables
// =============================================================================
// Default color for all anchors and links.
$link-color: map_get($ui-colors, primary-color);
$link-hover-color: lighten(map_get($ui-colors, primary-color), 15%);

// Default styling for horizontal rules and bordered elements like tables.
$basic-border: 1px solid darken(map_get($brand-colors, primary), $darken);
$basic-border-color: darken(map_get($brand-colors, primary), $darken);
$basic-border-style: solid;

// =============================================================================
// Forms
// =============================================================================
$input-icon-color: map_get($default-colors-transparency, secondary);
$input-border-color: map_get($default-colors-transparency, tertiary);
$input-border-hover-color: rgba(0, 0, 0, 0.44);

$md-radio-border-color: map_get($default-colors-transparency, secondary);
//
//$button: (
//        height: 			  40px,
//        bottomSpacing:        $half-spacing,
//        innerPadding:         .5em .75em, // Set in ems so we can change the size of the button depending on the font-size.
//        fontSize:             $base-font-size,
//        border: 		  	  0px,
//        borderBottom: 		  4px inset rgba(0, 0, 0, 0.5)
//);
//

// Grid
$grid-space: 16px;
$grid-margin: 16px;

/**
 * ICONS
 *
 */
$icomoon-font-path: "../fonts" !default;
$mobfont-mobfish-signet: "\e9a6";
$mobfont-360: "\e9a5";
$mobfont-sort: "\e9a7";
$mobfont-empty: "\e9a9";
$mobfont-dashboard: "\e9aa";
$mobfont-activity: "\e900";
$mobfont-airplay: "\e901";
$mobfont-alert-circle: "\e902";
$mobfont-alert-octagon: "\e903";
$mobfont-alert-triangle: "\e904";
$mobfont-align-center: "\e905";
$mobfont-align-justify: "\e906";
$mobfont-align-left: "\e907";
$mobfont-align-right: "\e908";
$mobfont-anchor: "\e909";
$mobfont-aperture: "\e90a";
$mobfont-arrow-down: "\e90b";
$mobfont-arrow-down-circle: "\e90c";
$mobfont-arrow-down-left: "\e90d";
$mobfont-arrow-down-right: "\e90e";
$mobfont-arrow-left: "\e90f";
$mobfont-arrow-left-circle: "\e910";
$mobfont-arrow-right: "\e911";
$mobfont-arrow-right-circle: "\e912";
$mobfont-arrow-up: "\e913";
$mobfont-arrow-up-circle: "\e914";
$mobfont-arrow-up-left: "\e915";
$mobfont-arrow-up-right: "\e916";
$mobfont-at-sign: "\e917";
$mobfont-award: "\e918";
$mobfont-bar-chart: "\e919";
$mobfont-bar-chart-2: "\e91a";
$mobfont-battery: "\e91b";
$mobfont-battery-charging: "\e91c";
$mobfont-bell: "\e91d";
$mobfont-bell-off: "\e91e";
$mobfont-bluetooth: "\e91f";
$mobfont-bold: "\e920";
$mobfont-book: "\e921";
$mobfont-book-open: "\e922";
$mobfont-bookmark: "\e923";
$mobfont-box: "\e924";
$mobfont-briefcase: "\e925";
$mobfont-calendar: "\e926";
$mobfont-camera: "\e927";
$mobfont-camera-off: "\e928";
$mobfont-cast: "\e929";
$mobfont-check: "\e92a";
$mobfont-check-circle: "\e92b";
$mobfont-check-square: "\e92c";
$mobfont-chevron-down: "\e92d";
$mobfont-chevron-left: "\e92e";
$mobfont-chevron-right: "\e92f";
$mobfont-chevron-up: "\e930";
$mobfont-chevrons-down: "\e931";
$mobfont-chevrons-left: "\e932";
$mobfont-chevrons-right: "\e933";
$mobfont-chevrons-up: "\e934";
$mobfont-chrome: "\e935";
$mobfont-circle: "\e936";
$mobfont-clipboard: "\e937";
$mobfont-clock: "\e938";
$mobfont-cloud: "\e939";
$mobfont-cloud-drizzle: "\e93a";
$mobfont-cloud-lightning: "\e93b";
$mobfont-cloud-off: "\e93c";
$mobfont-cloud-rain: "\e93d";
$mobfont-cloud-snow: "\e93e";
$mobfont-code: "\e93f";
$mobfont-codepen: "\e940";
$mobfont-command: "\e941";
$mobfont-compass: "\e942";
$mobfont-copy: "\e943";
$mobfont-corner-down-left: "\e944";
$mobfont-corner-down-right: "\e945";
$mobfont-corner-left-down: "\e946";
$mobfont-corner-left-up: "\e947";
$mobfont-corner-right-down: "\e948";
$mobfont-corner-right-up: "\e949";
$mobfont-corner-up-left: "\e94a";
$mobfont-corner-up-right: "\e94b";
$mobfont-cpu: "\e94c";
$mobfont-credit-card: "\e94d";
$mobfont-crop: "\e94e";
$mobfont-crosshair: "\e94f";
$mobfont-database: "\e950";
$mobfont-delete: "\e951";
$mobfont-disc: "\e952";
$mobfont-dollar-sign: "\e953";
$mobfont-download: "\e954";
$mobfont-download-cloud: "\e955";
$mobfont-droplet: "\e956";
$mobfont-edit: "\e957";
$mobfont-edit-2: "\e958";
$mobfont-edit-3: "\e959";
$mobfont-external-link: "\e95a";
$mobfont-eye: "\e95b";
$mobfont-eye-off: "\e95c";
$mobfont-facebook: "\e95d";
$mobfont-fast-forward: "\e95e";
$mobfont-feather: "\e95f";
$mobfont-file: "\e960";
$mobfont-file-minus: "\e961";
$mobfont-file-plus: "\e962";
$mobfont-file-text: "\e963";
$mobfont-film: "\e964";
$mobfont-filter: "\e965";
$mobfont-flag: "\e966";
$mobfont-folder: "\e967";
$mobfont-folder-minus: "\e968";
$mobfont-folder-plus: "\e969";
$mobfont-git-branch: "\e96a";
$mobfont-git-commit: "\e96b";
$mobfont-git-merge: "\e96c";
$mobfont-git-pull-request: "\e96d";
$mobfont-github: "\e96e";
$mobfont-gitlab: "\e96f";
$mobfont-globe: "\e970";
$mobfont-grid: "\e971";
$mobfont-hard-drive: "\e972";
$mobfont-hash: "\e973";
$mobfont-headphones: "\e974";
$mobfont-heart: "\e975";
$mobfont-help-circle: "\e976";
$mobfont-home: "\e977";
$mobfont-image: "\e978";
$mobfont-inbox: "\e979";
$mobfont-info: "\e97a";
$mobfont-instagram: "\e97b";
$mobfont-italic: "\e97c";
$mobfont-layers: "\e97d";
$mobfont-layout: "\e97e";
$mobfont-life-buoy: "\e97f";
$mobfont-link: "\e980";
$mobfont-link-2: "\e981";
$mobfont-linkedin: "\e982";
$mobfont-list: "\e983";
$mobfont-loader: "\e984";
$mobfont-lock: "\e985";
$mobfont-log-in: "\e986";
$mobfont-log-out: "\e987";
$mobfont-mail: "\e988";
$mobfont-map: "\e989";
$mobfont-map-pin: "\e98a";
$mobfont-maximize: "\e98b";
$mobfont-maximize-2: "\e98c";
$mobfont-menu: "\e98d";
$mobfont-message-circle: "\e98e";
$mobfont-message-square: "\e98f";
$mobfont-mic: "\e990";
$mobfont-mic-off: "\e991";
$mobfont-minimize: "\e992";
$mobfont-minimize-2: "\e993";
$mobfont-minus: "\e994";
$mobfont-minus-circle: "\e995";
$mobfont-minus-square: "\e996";
$mobfont-monitor: "\e997";
$mobfont-moon: "\e998";
$mobfont-more-horizontal: "\e999";
$mobfont-more-vertical: "\e99a";
$mobfont-move: "\e99b";
$mobfont-music: "\e99c";
$mobfont-navigation: "\e99d";
$mobfont-navigation-2: "\e99e";
$mobfont-octagon: "\e99f";
$mobfont-package: "\e9a0";
$mobfont-paperclip: "\e9a1";
$mobfont-pause: "\e9a2";
$mobfont-pause-circle: "\e9a3";
$mobfont-percent: "\e9a4";
$mobfont-phone: "\e9a8";
$mobfont-phone-call: "\e9ab";
$mobfont-phone-forwarded: "\e9ac";
$mobfont-phone-incoming: "\e9ad";
$mobfont-phone-missed: "\e9ae";
$mobfont-phone-off: "\e9af";
$mobfont-phone-outgoing: "\e9b0";
$mobfont-pie-chart: "\e9b1";
$mobfont-play: "\e9b2";
$mobfont-play-circle: "\e9b3";
$mobfont-plus: "\e9b4";
$mobfont-plus-circle: "\e9b5";
$mobfont-plus-square: "\e9b6";
$mobfont-pocket: "\e9b7";
$mobfont-power: "\e9b8";
$mobfont-printer: "\e9b9";
$mobfont-radio: "\e9ba";
$mobfont-refresh-ccw: "\e9bb";
$mobfont-refresh-cw: "\e9bc";
$mobfont-repeat: "\e9bd";
$mobfont-rewind: "\e9be";
$mobfont-rotate-ccw: "\e9bf";
$mobfont-rotate-cw: "\e9c0";
$mobfont-rss: "\e9c1";
$mobfont-save2: "\e9c2";
$mobfont-scissors: "\e9c3";
$mobfont-search: "\e9c4";
$mobfont-send: "\e9c5";
$mobfont-server: "\e9c6";
$mobfont-settings: "\e9c7";
$mobfont-share: "\e9c8";
$mobfont-share-2: "\e9c9";
$mobfont-shield: "\e9ca";
$mobfont-shield-off: "\e9cb";
$mobfont-shopping-bag: "\e9cc";
$mobfont-shopping-cart: "\e9cd";
$mobfont-shuffle: "\e9ce";
$mobfont-sidebar: "\e9cf";
$mobfont-skip-back: "\e9d0";
$mobfont-skip-forward: "\e9d1";
$mobfont-slack: "\e9d2";
$mobfont-slash: "\e9d3";
$mobfont-sliders: "\e9d4";
$mobfont-smartphone: "\e9d5";
$mobfont-speaker: "\e9d6";
$mobfont-square: "\e9d7";
$mobfont-star: "\e9d8";
$mobfont-stop-circle: "\e9d9";
$mobfont-sun: "\e9da";
$mobfont-sunrise: "\e9db";
$mobfont-sunset: "\e9dc";
$mobfont-tablet: "\e9dd";
$mobfont-tag: "\e9de";
$mobfont-target: "\e9df";
$mobfont-terminal: "\e9e0";
$mobfont-thermometer: "\e9e1";
$mobfont-thumbs-down: "\e9e2";
$mobfont-thumbs-up: "\e9e3";
$mobfont-toggle-left: "\e9e4";
$mobfont-toggle-right: "\e9e5";
$mobfont-trash: "\e9e6";
$mobfont-trash-2: "\e9e7";
$mobfont-trending-down: "\e9e8";
$mobfont-trending-up: "\e9e9";
$mobfont-triangle: "\e9ea";
$mobfont-truck: "\e9eb";
$mobfont-tv: "\e9ec";
$mobfont-twitter: "\e9ed";
$mobfont-type: "\e9ee";
$mobfont-umbrella: "\e9ef";
$mobfont-underline: "\e9f0";
$mobfont-unlock: "\e9f1";
$mobfont-upload: "\e9f2";
$mobfont-upload-cloud: "\e9f3";
$mobfont-user: "\e9f4";
$mobfont-user-check: "\e9f5";
$mobfont-user-minus: "\e9f6";
$mobfont-user-plus: "\e9f7";
$mobfont-user-x: "\e9f8";
$mobfont-users: "\e9f9";
$mobfont-video: "\e9fa";
$mobfont-video-off: "\e9fb";
$mobfont-voicemail: "\e9fc";
$mobfont-volume: "\e9fd";
$mobfont-volume-1: "\e9fe";
$mobfont-volume-2: "\e9ff";
$mobfont-volume-x: "\ea00";
$mobfont-watch: "\ea01";
$mobfont-wifi: "\ea02";
$mobfont-wifi-off: "\ea03";
$mobfont-wind: "\ea04";
$mobfont-x: "\ea05";
$mobfont-x-circle: "\ea06";
$mobfont-x-square: "\ea07";
$mobfont-zap: "\ea08";
$mobfont-zap-off: "\ea09";
$mobfont-zoom-in: "\ea0a";
$mobfont-zoom-out: "\ea0b";

