nt_variables.scss

// @charset "utf-8" - Unsure if needed 

$site-url: "{{ site.url }}";

// Our variables;
$body-font-stack: Open Sans, Helvetica, Roboto, Arial, sans-serif;
$header-font-stack: Montserrat, sans-serif;
// $header-nav-font-stack: Montserrat, sans-serif;
$base-font-size: 1rem;
$base-font-size-compact:  $base-font-size * 0.875;
$baseline-multiplier: 1.6;
$baseline: $base-font-size * $baseline-multiplier;


// Branding Colours 

// Base Colours 
// Purple
$color-nnt-purple: #A54499;

// Orange 
$color-nnt-orange: #FFC425;

$color-nnt: (
	"purple": $color-nnt-purple,
	"purple-dark": darken($color-nnt-purple, 20%),
	"purple-light": lighten($color-nnt-purple, 10%),
	"purple-lighter": lighten($color-nnt-purple, 20%),

	"orange": $color-nnt-orange,
	"orange-dark": darken($color-nnt-orange, 20%),
	"orange-light": lighten($color-nnt-orange, 10%),
	"orange-lighter": lighten($color-nnt-orange, 20%),

	"stuff-crimson": #E80025, // Crimson 
	"stuff-yellow": #FDA038, // Yellow sea 
	"stuff-violet": #D1009B, // Medium violet red 
	"stuff-turq": #00C4CB, // Dark turquoise

	"brand-alt": #2D9189,

	"background": darken($color-nnt-purple, 40%),
	"background-alt": darken($color-nnt-purple, 23%),
);

$color-seasons: (
	"in-house": map-get($color-nnt, "purple"),
	"fringe": map-get($color-nnt, "orange"),
	"studio": map-get($color-nnt, "orange"),
	"external": map-get($color-nnt, "brand-alt"),
	"stuff": map-get($color-nnt, "stuff-yellow"),
);

$color-black: #1c1c1c;

$color-text-white: #eee;
$color-text:       $color-text-white;
$color-text-black: #111;

$color-white: #f1f1f1;

// Body colour 
$color-background: map-get($color-nnt, "background");
$color-background-alt: map-get($color-nnt, "background-alt");

$color-link: map-get($color-nnt, "orange");
$color-link-visited: darken($color-link, 07%);
$color-link-bg-hover: map-get($color-nnt, "orange-dark");
$color-focus: rgba($color-text-white, 0.3);

$color-decades-base: #601111;

$color-error: #601111;
$color-warning: #864116;
$color-success: #116019;
$color-info: #114560;

$color-grey:       #828282;
$color-grey-light: lighten($color-grey, 40%);
$color-grey-dark:  darken($color-grey, 25%);

$color-selection: map-get($color-nnt, "orange");