// Import this file into all LAMS scss files to get the consistent definitions
// Based on $brand-primary:              $blue-a400 !default;
@import "material-kit/variables-blue.scss";
@import "material-kit/bootstrap/scss/mixins/float.scss";
@import "material-kit/bootstrap/scss/mixins/breakpoints.scss";
@import "material-kit/bootstrap/scss/mixins/buttons.scss";
@import "mixins.scss";

// LAMS SASS Global Variables
$gray-light-mid:  $grey-300; // #dddddd
$gray-lightest:  $grey-100; // #f5f5f5 or whitesmoke
 
// Primary colour shades
$brand-primary-darkest: $blue-a700; // used for main page offcanvas course list
$brand-primary-darker: $blue-a400;  // used for main page offcanvas course list
$brand-primary-mid: $blue-a200;
$brand-primary-light: $blue-a100;
$brand-primary-bright: $blue-500;   // used when we need a primary standout, such as the right hand bar indicating the current org in the offcanvas course list.

// a links
$a-link-default: $brand-primary;
$a-link-default-hover: $brand-primary-bright;
$a-link-default-focus: $brand-primary-bright;
 
// Success Green shades
$brand-success-light: $green-200;

// Warning Yellow shades:
$contrast-fade-start: $orange-300; // Used in Forum, Comment for highlighting replies
$contrast-light: $orange-50; 
 
// Borders in various colours
// Grey or black
$legend-border-color: #e5e5e5;
$border-thin-black: thin solid black;
$border-thin-dotted: thin dotted #AAAAAA; // admin, central, monitoring
$border-thin-dashed: thin dashed #AAAAAA; // only used in admin
$border-thin-solid: thin solid #AAAAAA; // adming and monitoring
$border-thin-body-bg: thin solid $body-bg; // white line
$border-thin-default: thin solid #AAAAAA;
$border-thin-default-light: thin solid $legend-border-color;
$medium-default: 3px solid $gray-light-mid;
// Blue
$border-thin-primary: thin solid $brand-primary;
// Red
$border-thin-danger: thin solid $brand-danger;
$border-medium-danger: 3px solid $brand-danger;

// Override the material kit parts that are hard coded to purple
.card {
	.card-header-primary,
	&.bg-primary,
	&.card-rotate.bg-primary .front,
	&.card-rotate.bg-primary .back {
		background: linear-gradient(60deg, $blue-a400, $blue-a700);
	}
}
    
// dialog related
$authoring-width-lg: 1280px;


// 
// learner page box shadow
// $panel-box-shadow: 0 1px 1px rgba(8, 8, 8, 0.88);
// 
// progress bar
$optional-activity-background: lighten($brand-primary-mid, 35%);
$optional-activity-background-heading: lighten($brand-primary-mid, 5%); 
$optional-activity-background-hover: $contrast-light;
$completed-activity-fill: $blue-a700;
$current-activity-fill: $red-900;
$gate-activity-fill: $red;
$complex-activity-fill: $grey;
$not-started-activity-fill: $green;

// Used just for main.css - the main page
$main_default_link: #5A738E;
$main_blue_light_highlight: #A6E5FD;
$main_fav_org_link: #A7B1C2;
$main_offcanvas_link: #2B5B95;
$main_offcanvas_link_color: $gray-lightest;
$main_offcanvas_background: $brand-primary;
$main_offcanvas_color: $gray-lightest;
$main_offcanvas_logo_background: $brand-primary-darkest;
$main_offcanvas_search_background: $brand-primary-darkest;
$main_dropdown_border: #D9DEE4;
$main_navbar_link: #515356;
$main_singlelesson_hover_border: #9be0f9;
$main_singlelesson_hover_background: #F0F8FF;
 
// navbar login bar
// $navbar-brand-login-color: #ffffff;
// $navbar-login-background: $brand-primary;
// 
// panel header color
// $panel-default-heading-background: lighten($brand-primary-bright, 20%);
// 
// Text & typography
// $headings-default-color: $brand-primary-darker;
// 
// $stripes_background: url('/lams/images/css/light-fabric.jpg');
$url_css_directory: "/lams/images/css/";
// $login_logo: "/lams/images/svg/lams_logo_black.svg";
// $login_logo_size: auto 20px;
// $login-logo_div_width: 100px;
// 
$offcanvas_logo: "/lams/images/svg/lams_logo_white.svg";
$offcanvas_height: 30px;

// generic portrait colors
$portrait-color-0:#001f3f;
$portrait-color-1:#FF851B;
$portrait-color-2:#85144b;
$portrait-color-3:#111111;
$portrait-color-4:#3D9970;
$portrait-color-5:#0074D9;
$portrait-color-6:#FF4136;

// Canvas background svg:
// <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'>
//  <rect width='20' height='20' fill='#fefefe'/>
//  <rect x='10' y='10' width='1.5' height='1.5' fill='#b6b6b6'/>
// </svg>
// this has to be url encoded and added to the background below
$canvas-dot-background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2720%27%20height%3D%2720%27%3E%0D%0A%20%20%3Crect%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27%23fefefe%27%2F%3E%0D%0A%3Crect%20x%3D%2710%27%20y%3D%2710%27%20width%3D%271.5%27%20height%3D%271.5%27%20fill%3D%27%23b6b6b6%27%2F%3E%0D%0A%3C%2Fsvg%3E");