/*!
 * 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.
 */

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

@import "../fonts/roboto-fontface/css/roboto/roboto-fontface.css";
@import "../fonts/font-awesome/css/font-awesome.min.css";

// TYPE
$font-header: "Advanced Engineering";
$font-body: "Roboto", Tahoma, sans-serif;
$font-weight: 200;
$font-weight-medium: 300; //small texts
$font-weight-bold: 500;

// COLORS
$background-color: #0c0c0c;
$text-color: #eeeeee;
$text-color-secondary: darken( $text-color, 20% );

$green: #24D268;
$blue: #129dc4;
$yellow: #FDD80D;
$dark-yellow: #FEB10F;
$red: #FF2B2B;
$neutral: #7e7e7e;

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

$separator-color: #eeeeee;

// HEADER - TOP BAR
$header-bg: #fff;
$header-color: black;


// MODULES
$component-background-color: #191919;
$alerts-background: $component-background-color;

// modules header
$headers-color: #eee;
$headers-weight: 200;
$title-transform: none;
$title-size: inherit;
$title-weight: inherit;

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

$module-warning-background: linear-gradient(180deg, rgba(253, 216, 13, 0.05) 30%, rgba(253, 216, 13, 0.22) 100%);
$module-error-background: linear-gradient(180deg, #191919 0%, #61020e 100%);
$module-ok-background: $component-background-color;

$alerts-header-color: #ffffff;
$alerts-color: $alerts-header-color;

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

$svg-path-fill: rgba(100,100,100,0.3);
