@import "DS-colors";


/*
 * global
 */
$headings:              "Roboto", sans-serif;
$headings-landing:      "Roboto", sans-serif;
$buttons:               "Roboto", sans-serif;
$font:                  "Roboto", sans-serif;
$body-text-size:        14px;
$white:                 #fff;
$black:                 #000;
$top-navigation-height: 92px; // top navigation height is: nav (55px) + breadcrumbs (37px)

/*
 * standard mode
 */
$body-text:             $black;
$primary-links:         $light-blue-600;
//
$bg-body:               $white;
$bg-body-landing:       $light-page-background;
$bg-header:             $light-blue-500;
$bg-secondary:          $light-blue-500;
$bg-sidebar:            $light-page-background;
$bg-sidebar-active:     $light-page-background;
$bg-footer:             $white;
$bg-footer-landing:     $light-grey-500;
$bg-component:          $light-page-background;
$bg-card:               $white;

// notes, warnings//
$note-color:            $light-blue-500;
$important-color:       $light-amber-500;
$warning-color:         $light-red-700;
 
$slider-bg:             $light-blue-200;
$slider-btn:            $light-blue-500;
$table-head:            $light-grey-200;

/*
 * night mode
 */
$body-text-night:        $white;
$primary-links-night:    $dark-grey-700;

$bg-body-night:          $dark-palette-background;
$bg-body-landing-night:  $dark-palette-background;
$bg-header-night:        $dark-blue-200;
$bg-secondary-night:     $dark-grey-100;
$bg-sidebar-night:       $dark-grey-100;
$bg-sidebar-night-active: $dark-grey-100;
$bg-footer-night:        $dark-grey-100;
$bg-footer-landing-night: $dark-grey-100;

$bg-component-night:     $dark-grey-200;
$bg-card-night:          $dark-grey-200;

$active-sidebar-night:   $dark-grey-800;

$bg-search-results-night: $black;