ensl.org/app/assets/stylesheets/_variables.scss

/*
  Neat Overrides
*/

@import "neat-helpers";

$column: 90px;
$gutter: 30px;
$grid-columns: 12;
$max-width: em(1180);

/*
  Neat Breakpoints
*/

$medium-screen: em(640);
$large-screen: em(860);

$medium-screen-up: new-breakpoint(min-width $medium-screen 4);
$large-screen-up: new-breakpoint(min-width $large-screen 8);

/*
  Typography
*/

$open-sans: 'Open Sans', sans-serif;
$montserrat: 'Montserrat', sans-serif;
$fontawesome: 'FontAwesome';
$sans-serif: $open-sans;

$base-font-family: $sans-serif;
$header-font-family: $montserrat;
 
/*
  Sizes
*/

$base-font-size: 1em;
$base-line-height: $base-font-size * 1.5;
$base-border-radius: em(3);

/*
  Colours
*/

$red: #de8650;
$green: #1f7f5c;
$blue: #5a9aa8;
$purple: #6a5a8c;
$gold: #FFD700;

$dark-blue: #046;
$dark-gray: #232323;

$medium-gray: #2e2e2e;

$light-blue: #F3F3FB;
$light-gray: #DDD;
$light-red: #e56c69;
$light-yellow: #FFF6BF;
$light-green: #1f7f5c;
 
$base-body-color: white;
$base-font-color: #232323;
$base-accent-color: $blue;
$base-link-color: #285258;
$hover-link-color: darken($base-accent-color, 15);
$base-border-color: $light-gray;

$error-color: $light-red;
$notice-color: $light-yellow;
$success-color: $light-green;

$background-primary: #232323;
$background-secondary: #ece9e1;
$background-tertiary: #e2dfd8;

$text-primary: #232323;
$text-secondary: #888888;
$text-tertiary: #666666;

$link-primary: #285258;

$navbar-primary: #232323;
$navbar-secondary: #5a9aa8;
$navbar-border: #2e2e2e;
$navbar-text: white;

$flash-text: white;
$flash-notice: #5a9aa8;
$flash-success: $green;
$flash-warning: $red;
$flash-error: #e56c69;

$input-font-size: em(16);
$input-primary: white;
$input-secondary: #5a9aa8;
$input-text: #232323;
$input-border-width: em(3);
$input-border-colour: darken($light-blue, 10);
$input-padding: em(11);

$input-dark-background-colour: $dark-gray;
$input-dark-border-colour: $light-gray;
$input-dark-border-width: em(2);
$input-dark-border-hover-colour: $blue;
$input-dark-border-focus-colour: $green;

$button-primary: #5a9aa8;
$button-secondary: $green;
$button-text: white;