// Map of colors for different sites
$colors: (
  web: (
    primary: #012a4c,
    primaryLight: #005b91,
    secondary: #009EE1,
    tertiary: #00a982,
    warning: #f7b715,
    error: #E51F36,
    text: #333333,
    textonprimary: #ffffff,
    grayText: #7f7f7f,
    grayPlaceholder: #737272,
    darkerbackground: #efefef,
    darkbackground: #f7f7f7,
    background: #ffffff,
    border: #e6e6e6,
    darkborder: #d1d1d1
  ),
  intranet: (
    primary: #012a4c,
    primaryLight: #005b91,
    secondary: #009EE1,
    tertiary: #00a982,
    warning: #f7b715,
    error: #e83f53,
    text: #333333,
    textonprimary: #ffffff,
    grayText: #7f7f7f,
    darkerbackground: #fbf0eb,
    darkbackground: #ebf7fe,
    background: #ffffff,
    border: #e6e6e6,
    darkborder: #d1d1d1
  )
);

// Create overrideable variable which defaults to $site.
$site: "web" !default;

// Get the default colors
$siteColors: map-get($colors, $site);

// Assign colors to variables in order to avoid having to map-get
// $colors in every single sass file..
$primary: map-get($siteColors, "primary");
$primaryLight: map-get($siteColors, "primaryLight");
$secondary: map-get($siteColors, "secondary");
$tertiary: map-get($siteColors, "tertiary");
$error: map-get($siteColors, "error");
$warning: map-get($siteColors, "warning");
$text: map-get($siteColors, "text");
$textonprimary: map-get($siteColors, "textonprimary");
$grayText: map-get($siteColors, "grayText");
$grayPlaceholder: map-get($siteColors, "grayPlaceholder");
$darkerbackground: map-get($siteColors, "darkerbackground");
$darkbackground: map-get($siteColors, "darkbackground");
$background: map-get($siteColors, "background");
$border: map-get($siteColors, "border");
$darkborder: map-get($siteColors, "darkborder");

// Blog colors, only applicable for web for now.
$blogDarkBackground: #0d2a4b;
$blogBackground: #fbf8f2;