@import '../components/material-admin/less/inc/variables';
@primaryColor: @m-blue;
@darkPrimaryColor: darken(@primaryColor, 10%);
@lightPrimaryColor: lighten(@primaryColor, 10%);
@textPrimaryColor: @m-white;  // Text color for @primaryColor background

@accentColor: @m-amber;
@brand-primary: @primaryColor; // Override default bootstrap primary
@body-bg: darken(@m-white, 3%);

@fontName: "RobotoDraft","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
@defaultFont: 14px @fontName;
@text-color: lighten(@m-black, 20%);
@secondaryTextColor: lighten(@text-color, 20%);
@lighterSecondaryTextColor: lighten(@secondaryTextColor, 20%);
@lightenBgColor: lighten(@body-bg, 5%);
@darkenBgColor: darken(@body-bg, 3%);

@black-alpha-10: rgba(0, 0, 0, 0.1);
@black-alpha-15: rgba(0, 0, 0, 0.15);
@white-alpha-10: rgba(255, 255, 255, 0.1);

@aside-z-index: 1050;
@header-z-index: 11;

@header-height: 56px;
@sub-header-height: 56px;

@header-height-md: 56px;
@sub-header-height-md: 47px;

@header-height-xl: 65px;
@sub-header-height-xl: 47px;

@screen-xl-min: 1366px;