//
// @description :
// @author      : Adarsh Pastakia
// @copyright   : 2017
// @license     : MIT
@import "./colors";

$base-bg                     : $white !default;
$base-text                   : $black !default;

$base-comp-bg                : relative-color($base-bg, darken($dark, 10%), lighten($light, 5%));
$base-comp-bg-alt            : relative-color($base-bg, darken($dark, 10%), $white);

$base-border-color           : rgba(relative-color($base-bg, $darkGray, $lightGray), .5) !default;
$base-shadow-color           : rgba(relative-color($base-bg, $black, $muted), .5) !default;

// Typography
$base-font-family            : 'Open Sans', sans-serif !default;
$base-font-family-display    : 'Raleway', sans-serif !default;
$base-font-family-serif      : 'Rokkitt', serif !default;
$base-font-family-input      : 'Lato', Arial, sans-serif !default;
$base-font-family-mono       : 'Roboto Mono', monospace !default;

$base-font-size              : 14px !default;
$base-font-weight            : 300 !default;
$base-padding                : 0.5rem 1rem !default;

$base-border-radius          : 2px !default;

$font-weight-medium          : 400 !default;
$font-weight-bold            : 600 !default;

$selection-bg                : $secondary !default;
$selection-text              : $white !default;

$link-text                   : $secondary !default;
$link-hover-text             : $primary !default;

// Z-INDEX
$z-index-dialog              : 50 !default;
$z-index-floating            : 100 !default;
$z-index-toast               : 200 !default;
$z-index-drawer              : 1000 !default;
$z-index-splash              : 50000 !default;

// RESPOSIVE GRID
$grid-xs-min                 : 320px !default; // 320 - 480
$grid-sm-min                 : 480px !default; // 480 - 768
$grid-md-min                 : 768px !default; // 768 - 1024
$grid-lg-min                 : 1024px !default; // 1024 - 1536
$grid-xl-min                 : 1536px !default; // 1536 - ∞

$grid-gutter                 : 0.25rem !default;

// Application
$app-header-height           : 4em !default;
$app-header-bg               : #582758 !default;
$app-header-text             : $white !default;

$app-banner-bg               : $secondary !default;
$app-banner-text             : $white !default;

$app-header-link-text        : $white !default;
$app-header-link-hover-text  : $secondary !default;

$app-footer-bg               : relative-color($base-bg, darken($black, 10%), $black) !default;
$app-footer-text             : $muted !default;

$app-footer-link-text        : $white !default;
$app-footer-link-hover-text  : $secondary !default;

$page-title-bg               : #8F1C56 !default;
$page-title-text             : $white !default;

// Inputs
$placeholder-text            : $lightGray !default;

// Drawer
$drawer-width                : 20em !default;
$drawer-bg                   : $base-comp-bg !default;
$drawer-shim                 : rgba($black, 0) !default;

$sidebar-width               : 18em !default;
$sidebar-collapse-width      : 20em !default;

// Bars
$toolbar-bg                  : $base-comp-bg !default;
$statsbar-bg                 : $base-comp-bg !default;

// Menus
$menubar-bg                  : $base-comp-bg !default;
$menu-dropdown-bg            : $base-comp-bg !default;

$menu-section-title          : relative-color($base-text, $darkGray, $lightGray) !default;

$menu-link-text              : $primary !default;
$menu-link-disabled          : $muted !default;
$menu-link-hover-bg          : rgba($secondary, .5) !default;
$menu-link-hover-text        : $white !default;
$menu-link-active-bg         : $secondary !default;
$menu-link-active-text       : $white !default;
$menu-link-active-hilight    : $primary !default;

// Tabs
$tab-body-bg                 : $base-comp-bg-alt !default;
$tab-active-bg               : $base-comp-bg-alt !default;
$tab-active-text             : $primary !default;

// Lists
$list-hover-bg               : rgba($secondary, .5) !default;
$list-hover-text             : $white !default;

$list-selected-bg            : rgba($secondary, .85) !default;
$list-selected-text          : $white !default;

// Inputs
$input-bg                    : relative-color($base-bg, darken($dark, 10%), lighten($light,10%)) !default;
$input-text                  : $base-text !default;
$input-label-text            : $base-text !default;
$input-label-align           : start !default;

$input-focus-border          : $secondary !default;
$input-invalid-border        : $danger !default;

// 1:'invalid-filled', 2:'invalid-line'
$input-invalid-icon          : 2 !default;

$input-readonly-bg           : relative-color($base-bg, darken($dark, 5%), lighten($light,5%)) !default;
$input-disabled-bg           : relative-color($base-bg, darken($dark, 5%), lighten($light,5%)) !default;

$input-error-bg              : none !default;
$input-error-text            : $danger !default;

// Dates
$date-header-text            : $white !default;
$date-header-bg              : lighten($primary, 5%) !default;

$date-hover-bg               : lighten($primary, 25%) !default;
$date-hover-text             : $white !default;
$date-active-bg              : $primary !default;
$date-active-text            : $white !default;

$date-week-text              : $secondary !default;
$date-today-bg               : $base-comp-bg !default;
$date-today-text             : $secondary !default;

// Datagrid
$datagrid-header-bg          : $secondary !default;
$datagrid-header-text        : $white !default;
$datagrid-row-odd-bg         : $white !default;
$datagrid-row-even-bg        : darken($white, 1%) !default;
$datagrid-row-text           : $base-text !default;
$datagrid-row-selected-bg    : rgba($secondary, .1) !default;
$datagrid-row-hilight-bg     : rgba($secondary, .25) !default;

$datagrid-row-head-bg        : $lightGray !default;
$datagrid-row-head-text      : $white !default;

// Buttons
$button-default-bg           : $base-comp-bg !default;
$button-default-text         : $base-text !default;
$button-default-hover-bg     : darken($button-default-bg, 10%) !default;
$button-default-hover-text   : $button-default-text !default;
$button-default-active-bg    : lighten($button-default-bg, 10%) !default;
$button-default-active-text  : $button-default-text !default;

$button-disabled-bg          : relative-color($base-bg, $dark, $light) !default;

$button-light-bg             : $light !default;
$button-light-text           : $black !default;
$button-light-hover-bg       : darken($button-light-bg, 10%) !default;
$button-light-hover-text     : $button-light-text !default;
$button-light-active-bg      : lighten($button-light-bg, 10%) !default;
$button-light-active-text    : $button-light-text !default;

$button-dark-bg              : $dark !default;
$button-dark-text            : $white !default;
$button-dark-hover-bg        : darken($button-dark-bg, 10%) !default;
$button-dark-hover-text      : $button-dark-text !default;
$button-dark-active-bg       : lighten($button-dark-bg, 10%) !default;
$button-dark-active-text     : $button-dark-text !default;

$button-muted-bg             : $muted !default;
$button-muted-text           : $white !default;
$button-muted-hover-bg       : darken($button-muted-bg, 10%) !default;
$button-muted-hover-text     : $button-muted-text !default;
$button-muted-active-bg      : lighten($button-muted-bg, 10%) !default;
$button-muted-active-text    : $button-muted-text !default;

$button-primary-bg           : $primary !default;
$button-primary-text         : $white !default;
$button-primary-hover-bg     : darken($button-primary-bg, 10%) !default;
$button-primary-hover-text   : $button-primary-text !default;
$button-primary-active-bg    : lighten($button-primary-bg, 10%) !default;
$button-primary-active-text  : $button-primary-text !default;

$button-secondary-bg         : $secondary !default;
$button-secondary-text       : $white !default;
$button-secondary-hover-bg   : darken($button-secondary-bg, 10%) !default;
$button-secondary-hover-text : $button-secondary-text !default;
$button-secondary-active-bg  : lighten($button-secondary-bg, 10%) !default;
$button-secondary-active-text: $button-secondary-text !default;

$button-info-bg              : $info !default;
$button-info-text            : $white !default;
$button-info-hover-bg        : darken($button-info-bg, 10%) !default;
$button-info-hover-text      : $button-info-text !default;
$button-info-active-bg       : lighten($button-info-bg, 10%) !default;
$button-info-active-text     : $button-info-text !default;

$button-danger-bg            : $danger !default;
$button-danger-text          : $white !default;
$button-danger-hover-bg      : darken($button-danger-bg, 10%) !default;
$button-danger-hover-text    : $button-danger-text !default;
$button-danger-active-bg     : lighten($button-danger-bg, 10%) !default;
$button-danger-active-text   : $button-danger-text !default;

$button-success-bg           : $success !default;
$button-success-text         : $white !default;
$button-success-hover-bg     : darken($button-success-bg, 10%) !default;
$button-success-hover-text   : $button-success-text !default;
$button-success-active-bg    : lighten($button-success-bg, 10%) !default;
$button-success-active-text  : $button-success-text !default;

$button-warning-bg           : $warning !default;
$button-warning-text         : $white !default;
$button-warning-hover-bg     : darken($button-warning-bg, 10%) !default;
$button-warning-hover-text   : $button-warning-text !default;
$button-warning-active-bg    : lighten($button-warning-bg, 10%) !default;
$button-warning-active-text  : $button-warning-text !default;