@import 'lms/static/sass/partials/base/variables';

$epfl: rgb(165,28,48);
$epfl-l1: tint($epfl,20%);
$epfl-l2: tint($epfl,40%);
$epfl-l3: tint($epfl,60%);
$epfl-l4: tint($epfl,80%);
$epfl-l5: tint($epfl,90%);
$epfl-d1: shade($epfl,20%);
$epfl-d2: shade($epfl,40%);
$epfl-d3: shade($epfl,60%);
$epfl-d4: shade($epfl,80%);
$epfl-s1: saturate($epfl,15%);
$epfl-s2: saturate($epfl,30%);
$epfl-s3: saturate($epfl,45%);
$epfl-u1: desaturate($epfl,15%);
$epfl-u2: desaturate($epfl,30%);
$epfl-u3: desaturate($epfl,45%);

$active-color: $epfl;

$action-primary-bg: $epfl;
$action-primary-fg: $white;
$action-primary-shadow: $epfl-d2;
$action-primary-focused-bg: $epfl-d1;
$action-primary-focused-fg: $white;
$action-primary-active-bg: $epfl-l2;
$action-primary-active-fg: $epfl-d1;
$action-primary-active-shadow: $epfl-d2;
$action-primary-active-focused-fg: $epfl-d4;
$action-primary-active-focused-shadow: $epfl-d3;
$action-primary-disabled-bg: $m-gray-d3;
$action-primary-disabled-fg: $white;

$link-color: $epfl;
$link-color-d1: $link-color;
$link-hover: $epfl-l1;

$button-color: $epfl;
$button-archive-color: rgb(238,238,238);

$shadow-color: $epfl;

$courseware-button-border-color: rgb(230,230,230);
$courseware-navigation-color: $epfl;

$homepage-bg-image: url('/static/images/banner.jpg');