/* Colours
// ============================== */
$white: #fff;
$alphawhite: 255,255,255;
$black: #505050;
$darkgrey: #8a8a8a;
$grey: #EAEAEA;
$lightgrey: #F0F0F1;


$lightborders: rgba(255, 255, 255, 0.15);


$coolgrey: rgba(216, 217, 228, 0.3);


/* Bootstrappy */
$primarycolour: #191F44;
$secondarycolour: #06ACFD;
$positivecolour: #06ACFD;
$warningcolour: #D0021B;
$negativecolour: #D0021B;
$highlightcolour: #06ACFD;
$fieldhighlight: #C8E2EF;

/* Additional colors */
$yellow: #F9B916;
$burntorange: #6C2901;
$blue: $secondarycolour;
$red: $negativecolour;
$green: #A8C93A;
$darkgreyblue: #45545F;
$greyblue: #B8CAD2;
$lightgreyblue: #D4DEE3;
$subtlegreyblue: #E6EBEE;

/*Post-css styleguide starts================================================*/

/* TODO: figure out how to set colour pallette options without outputting to code */
/* @start color */
.----colours {
  #191F44:   $primarycolour;
  #06ACFD: $secondarycolour;
  /*#D0021B:   $warningcolour;*/
  #D0021B:  $negativecolour;
  /* #06ACFD:  $positivecolour; */
  #F9B916:           $yellow;
  #A8C93A:            $green;
  #45545F:   $darkgreyblue;
  #B8CAD2:        $greyblue;
  #D4DEE3:  $lightgreyblue;
  #E6EBEE: $subtlegreyblue;
} 

/* @end color */

/*Post-css styleguide ends================================================*/


/*Base margin*/
$controlmargin: 20px;


/* Borders
// ============================== */
$borders: rgba(0, 0, 0, 0.14);
$borderradius: 2px;

/* Other Defaults
// ============================== */
$sitewidth: 80em;



/*Tooltips*/
$zindex-tooltip:           1070 !default;
$tooltip-max-width:           200px !default;
$tooltip-color:               #fff !default;
$tooltip-bg:                  #000 !default;
$tooltip-opacity:             .9 !default;

$tooltip-arrow-width:         5px !default;
$tooltip-arrow-color:         $tooltip-bg !default;



/*Breadcrumbs*/

/*$breadcrumb-padding-vertical:   .75rem !default;*/
/*$breadcrumb-padding-horizontal: 1rem !default;*/

/*$breadcrumb-bg:                 $gray-lighter !default;*/
$breadcrumb-divider-color:      $darkgrey !default;
$breadcrumb-active-color:       $black !default;
$breadcrumb-divider:            "/" !default;




/*Tables

Customizes the `.table` component with basic values, each used across all table variations.*/

$table-cell-padding:            .75rem !default;
$table-sm-cell-padding:         .3rem !default;

$table-bg:                      transparent !default;
$table-bg-accent:               #f9f9f9 !default;
$table-bg-hover:                #f5f5f5 !default;
$table-bg-active:               $table-bg-hover !default;

$table-border-width:            $border-width !default;
$table-border-color:            $gray-lighter !default;