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

$splash-image                : 'splash-ring.svg' !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 - ∞

// TYPOGRAPHY
$base-font-family            : 'Open Sans', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif !default;
$base-font-family-serif      : 'Trirong', 'Georgia', 'Times New Roman', serif !default;
$base-font-family-fixed      : 'Source Code Pro', 'Menolo', 'Courier New', monospace !default;
$base-font-family-input      : 'Lato', 'Trebuchet MS', Tahoma, sans-serif !default;

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

$base-font-size              : 16px !default;
$base-padding                : 0.4rem 0.8rem !default;

$base-border-radius          : 0.2em !default;
$base-border-color           : #BDC2C8 !default;
$base-shadow-color           : #748181 !default;

$font-weight-thin            : 300 !default;
$font-weight-normal          : 400 !default;
$font-weight-strong          : 600 !default;
$font-weight-bold            : 800 !default;

// VIEWPORT
$app-header-bg               : #3E1B3E !default;
$app-header-text             : $white !default;

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

$app-footer-bg               : $black !default;
$app-footer-text             : $white !default;

$page-title-bg               : $secondary !default;
$page-title-text             : $white !default;

// ALERTS
$alert-button-bg             : none !default;
$alert-button-text           : $primary !default;
$alert-button-border         : $primary !default;
$alert-button-hover-bg       : none !default;
$alert-button-hover-text     : $primary !default;
$alert-button-hover-border   : $primary !default;
$alert-button-active-bg      : rgba($primary, .2) !default;
$alert-button-active-text    : $white !default;
$alert-button-active-border  : $primary !default;

// MENU
$menubar-bg                  : shade($base-bg, 1%) !default;
$menu-dropdown-bg            : $base-bg !default;

$menu-section-title          : $dark !default;

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

// DRAWER
$sidebar-width               : 15em !default;
$sidebar-collapse-width      : 18em !default;
$drawer-width                : 18em !default;
$drawer-bg                   : shade($base-bg, .5%) !default;
$drawer-shim                 : rgba($white, 0) !default;

// TREE
$tree-active-bg              : $primary !default;
$tree-active-text            : $white !default;

// TAB
$tab-active-bg               : $white !default;
$tab-active-text             : $primary !default;

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

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

// DATAGRID
$datagrid-base-bg            : $base-bg !default;
$datagrid-base-text          : $base-text !default;

$datagrid-row-odd-bg         : $datagrid-base-bg !default;
$datagrid-row-even-bg        : shade($datagrid-base-bg,2%) !default;
$datagrid-row-hover-bg       : tint($primary,90%) !default;
$datagrid-row-active-bg      : tint($primary,70%) !default;
$datagrid-row-odd-text       : $datagrid-base-text !default;
$datagrid-row-even-text      : $datagrid-base-text !default;
$datagrid-row-hover-text     : $datagrid-base-text !default;
$datagrid-row-active-text    : $datagrid-base-text !default;

$datagrid-header-bg          : tint($primary, 15%) !default;
$datagrid-header-text        : $white !default;

$datagrid-footer-bg          : shade($datagrid-base-bg, 5%) !default;
$datagrid-footer-text        : $black !default;

// INPUTS
$input-bg                    : #FFFFFF !default;
$input-text                  : #2E3E4F !default;
$input-label-text            : #35495D !default;

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

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

$input-readonly-bg           : #FCFCFB !default;
$input-disabled-bg           : #EAE6E3 !default;

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

// DATES
$date-header-text            : $white !default;
$date-header-bg              : tint($primary, 50%) !default;

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

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

// BUTTONS
$button-default-bg           : $white !default;
$button-default-text         : $dark !default;
$button-default-hover-bg     : tint($button-default-bg, 10%) !default;
$button-default-hover-text   : $button-default-text !default;
$button-default-active-bg    : shade($button-default-bg, 10%) !default;
$button-default-active-text  : $button-default-text !default;

$button-disabled-bg          : #EAE6E3 !default;

$button-light-bg             : $light !default;
$button-light-text           : $dark !default;
$button-light-hover-bg       : tint($button-light-bg, 10%) !default;
$button-light-hover-text     : $button-light-text !default;
$button-light-active-bg      : shade($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        : tint($button-dark-bg, 10%) !default;
$button-dark-hover-text      : $button-dark-text !default;
$button-dark-active-bg       : shade($button-dark-bg, 10%) !default;
$button-dark-active-text     : $button-dark-text !default;

$button-primary-bg           : $primary !default;
$button-primary-text         : $white !default;
$button-primary-hover-bg     : tint($button-primary-bg, 10%) !default;
$button-primary-hover-text   : $button-primary-text !default;
$button-primary-active-bg    : shade($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   : tint($button-secondary-bg, 10%) !default;
$button-secondary-hover-text : $button-secondary-text !default;
$button-secondary-active-bg  : shade($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        : tint($button-info-bg, 10%) !default;
$button-info-hover-text      : $button-info-text !default;
$button-info-active-bg       : shade($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      : tint($button-danger-bg, 10%) !default;
$button-danger-hover-text    : $button-danger-text !default;
$button-danger-active-bg     : shade($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     : tint($button-success-bg, 10%) !default;
$button-success-hover-text   : $button-success-text !default;
$button-success-active-bg    : shade($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     : tint($button-warning-bg, 10%) !default;
$button-warning-hover-text   : $button-warning-text !default;
$button-warning-active-bg    : shade($button-warning-bg, 10%) !default;
$button-warning-active-text  : $button-warning-text !default;