@import "~cx/src/variables";

//colors
$ascent-color-lighten-amount: 35;
$ascent-color-darken-amount: 25;

$main-color: #dbdfed;
$main-color-light: lighten(#dbdfed, 8);
$main-color-dark: darken($main-color, 10);

$base-font-color: #304050;
$base-font-color-light: lighten($base-font-color, 15);

$ascentI-color: #35a8f7;
$ascentI-color-light:lighten($ascentI-color, $ascent-color-lighten-amount);
$ascentI-color-darken:darken($ascentI-color, $ascent-color-darken-amount);

$ascentII-color: rgba(152, 158, 247, 0.77);
$ascentII-color-light: rgba(226, 217, 255, 0.73);
$ascentII-color-dark: rgba(114, 118, 184, 0.77);

//base colors
$base-back-color: $main-color-light;
$base-border-color: darken($main-color, 5);
$base-blue-color: #35a8f7;
$base-red-color: #F4796B;
$base-green-color: #54B451;

//layout
$layout-nav-width: 14rem;

//nav
$nav-selected-color: $ascentI-color;
$nav-background-color: $main-color;

//grid
//$base-grid-header-color: #F5E7FD;
$base-grid-header-color: #EFE7ED;
$base-grid-header-border-color: darken($base-grid-header-color, 14);
$base-grid-header-font-color: darken($base-grid-header-color, 60);

//toolbar
$base-toolbar-background-color: lighten($main-color-light, 0);

//module colors
$finances-color: $base-blue-color;
$cashAccounts-color: $base-green-color;
$invoices-color: $base-red-color;
$fixedAssets-color: #A67C6D;
$salary-color: #DCA8FF;