/**
Theme variables
 */

// Brand colors
$theme-color-primary: #EB691B !default;
$theme-color-secondary: #1a1a1a !default; // Accent color in MD

// Base colors
$theme-black-base: #000 !default;
$theme-white-base: #fff !default;

$theme-grey-base: #828282 !default;
$theme-grey-dark: #4d4d4d !default;
$theme-grey-light: #f3f3f3 !default;

// Contextual colors
$theme-color-warn: #ffbb33 !default;
$theme-color-success: #00c851 !default;
$theme-color-danger: #bf1419 !default;
$theme-color-info: #33b5e5 !default;
$theme-color-default: $theme-grey-light !default;

// Decoration
$theme-border-primary-color: $theme-color-primary !default; // Todo: Implement
$theme-border-primary-width: 1px !default; // Todo: Implement
$theme-border-primary-style: solid !default; // Todo: Implement

$theme-border-secondary-color: $theme-grey-light !default; // NGX datatable only
$theme-border-secondary-width: 1px !default; // NGX datatable only
$theme-border-secondary-style: solid !default; // NGX datatable only

// Alternate MD theme
$use-md-dark-theme: false !default;

// MD Typography
$md-font-family-url: 'https://fonts.googleapis.com/css?family=Roboto:400,500,700' !default;
$md-font-family: 'Roboto', sans-serif !default;

// Import MD Typography from fonts.google... (or set this to false to include it yourself locally)
$import-md-font: true !default;
$import-md-icons: true !default;

// MDB Typography. Roboto is hard-coded, so only path changing is possible. Todo: Fix this
$mdb-roboto-font-path: '~@mediacologne/ng-theme/assets/mdb/vendor/font/roboto/' !default;
$mdb-image-path: '~@mediacologne/ng-theme/assets/mdb/vendor/img' !default;