/*!
 * Copyright 2017 Banco Bilbao Vizcaya Argentaria, S.A.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


// TYPE
@font-face {
    font-family: "Advanced Engineering";
    src: url("../fonts/ADVANCED_ENGINEERING.ttf");
}

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,600');
@import "../fonts/font-awesome/css/font-awesome.min.css";

$font-header: "Advanced Engineering";
$font-body: 'Libre Franklin', Tahoma, sans-serif;
$font-weight: 300;
$font-weight-medium: 400; //small texts
$font-weight-bold: 500;

// COLORS
$background-color: invert(#191919);
$text-color: #666666;
$text-color-secondary: lighten( $text-color, 20% );

$green: #1fb759;
$blue: #04c6dc;
$yellow: #FDD80D;
$dark-yellow: #FEB10F;
$red: #FF2B2B;
$neutral:#aaa;

$light-grey: invert(#333);
$dark-grey: invert(#888);
$darker-grey: invert(#474747);

$separator-color: $darker-grey;

// HEADER - TOP BAR
$header-bg: #072146;
$header-color: #ffffff;


// MODULES
$component-background-color: #fff;

// modules header
$headers-color: $text-color;
$headers-weight: 300;
$title-transform: uppercase;
$title-size: 0.95vw;
$title-weight: 600;

// Tiles
$subtile-background-color: #fafafa;

$alerts-background: $component-background-color;

$module-error-background: linear-gradient(180deg,darken(#d10000, 10) 30%,#d10000 100%);
$module-warning-background: linear-gradient(180deg, #fea710 30%, #FEB10F 100%) !important;
$module-ok-background: $component-background-color;


$alerts-header-color: $text-color;
$alerts-color: lighten($alerts-header-color, 10);

$bottom-background-color: darken($background-color, 20);

$svg-path-fill: #cfcfcf;
