///////////////////////////////////////////////////////////////////////////////
// SASS Base styles
// 2019-02-11
//
// PostNord
///////////////////////////////////////////////////////////////////////////////


// ----------------------------------------------------------------------------
// PostNord Brand Colors
// ----------------------------------------------------------------------------

$postnord-default: #00a0d6;
$postnord-haze: #f2fafd;
$postnord-faded: #cdeefb;
$postnord-light: #48bae4;
$postnord-dark: #0c7bad;

$electric-default: #a505cc;
$electricfaded: #f3d8f8;
$electric-light: #cf38f5;
$electric-dark: #8600a5;

$clementine-default: #e36200;
$clementine-faded: #ffebd6;
$clementine-light: #ff8426;
$clementine-dark: #c45500;

$crimson-default: #cc1414;
$crimson-faded: #ffcccc;
$crimson-light: #ff2626;
$crimson-dark: #990000;

$grass-default: #17ac39;
$grass-faded: #dbf0df;
$grass-light: #2ec953;
$grass-dark: #108b33;

$grey-01-white: #ffffff;
$grey-02-haze: #f7f7f7;
$grey-03-faded: #f0f0f0;
$grey-04-concrete: #dedede;
$grey-05-battleship: #bebebe;
$grey-06-rock: #757575;
$grey-07-coal: #3c3c3c;
$grey-08-night: #1e1e1e;




// ----------------------------------------------------------------------------
// Spaces
// ----------------------------------------------------------------------------

// Inspired by 
// https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62

$pn-space-mega:     128px;
$pn-space-hero:     80px;
$pn-space-jumbo:    64px;
$pn-space-bigshot:  32px;
$pn-space-chief:    16px;
$pn-space-common:   8px;
$pn-space-small:    4px;
$pn-space-tiny:     2px;