$black:         #000;
$gray:          #333;
$darker-gray:   #222;
$lighter-gray:  #999;
$gray888:       #888;
$light-gray:    #ccc;
$white:         #fff;

$black-transparent:       rgba($black, .5);
$black-less-transparent:  rgba($black, .7);
$darker-gray-transparent: rgba($darker-gray, .7);
$white-transparent:       rgba($white, .5);
$white-less-transparent:  rgba($white, .8);

$bootstrap-danger:       #a94442;
$bootstrap-danger-bg:    #f2dede;
$bootstrap-danger-border: darken(adjust-hue($bootstrap-danger-bg, -10), 5%);
$bootstrap-base:         #428bca;
$bootstrap-primary:      darken($bootstrap-base, 6.5%); // #337ab7
$bootstrap-link-hover-bg: #f5f5f5;
$bootstrap-text-info:    #31708f;

$base-foreground-color: $white;
$base-background-color: $gray;

$default-button-foreground-color: $gray;
$default-button-background-color: $white;

$base-background-image: '../images/dark_linen';

// Needs to be 125 x 125px
$base-logo-image: '../images/blink-white';

$navbar-logo-image: '../images/blink-white';
$navbar-height:     50px;

$video-poster-image:        '../images/blink-white';
$video-big-poster-image:    '../images/blink-white-big';
$video-watermark-image:     '../images/aglogo-white.svg';

$video-thumbnail-width:     150px;
$video-thumbnail-height:    100px;
