/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
title      Northem Dark                                    +
project    northem-dark                                    +
version    2.0.0                                           +
repository https://github.com/arcticicestudio/northem-dark +
author     Arctic Ice Studio                               +
email      development@arcticicestudio.com                 +
copyright  Copyright (C) 2016                              +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

[References]
Sass
  (http://sass-lang.com)
W3C
  (https://www.w3.org/TR/css-variables)
  (https://www.w3.org/TR/selectors/#root-pseudo)
CSS Working Group
  (https://drafts.csswg.org/css-variables)
MDN
  (https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables)
KSS
  (http://warpspire.com/kss)
kss-node
  (https://github.com/kss-node/kss-node)
Northem
    (https://github.com/arcticicestudio/northem)
*/

@import "northem-dark";

/*
A north-bluish, dark color palette.
Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax
highlighting and UI.
It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful
ambiance.

This project is a more blue-tinged variation of the origin project "Northem".

Styleguide Northem Dark
*/

:root {
  /*
  Base component color of "Dark Water".

  Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.

  The X11 color scheme name is "Black Russian".

  Markup:
  <div style="background-color:#1F1F23; width=60; height=60"></div>

  Styleguide Northem Dark - Dark Water
  */
  --northem-dark0: $northem-dark0;

  /*
  Lighter shade color of the base component color.

  Used as a lighter background color for UI elements like status bars.

  The X11 color scheme name is "Dark Jaguar".

  Markup:
  <div style="background-color:#242429; width=60; height=60"></div>

  Styleguide Northem Dark - Dark Water
  */
  --northem-dark1: $northem-dark1;

  /*
  Lighter shade color of the base component color.

  Used as line highlighting in the editor.  
  In the UI scope it may be used as selection- and hightlight color.

  The X11 color scheme name is "Jaguar".

  Markup:
  <div style="background-color:#29292E; width=60; height=60"></div>

  Styleguide Northem Dark - Dark Water
  */
  --northem-dark2: $northem-dark2;

  /*
  Lighter shade color of the base component color.

  Used for comments, invisibles, indent- and wrap guide marker.  
  In the UI scope used as pseudoclass color for disabled elements.

  The X11 color scheme name is "Gun Powder".

  Markup:
  <div style="background-color:#4F4F59; width=60; height=60"></div>

  Styleguide Northem Dark - Dark Water
  */
  --northem-dark3: $northem-dark3;

  /*
  Base component color of "Light Wind".

  Main color for text, variables, constants and attributes.
  In the UI scope used as semi-light background depending on the theme shading design.

  The X11 color scheme name is "French Grey".

  Markup:
  <div style="background-color:#CBC9C9; width=60; height=60"></div>

  Styleguide Northem Dark - Light Wind
  */
  --northem-dark4: $northem-dark4;

  /*
  Lighter shade color of the base component color.

  Used as a lighter background color for UI elements like status bars.  
  Used as semi-light background depending on the theme shading design.

  The X11 color scheme name is "Gainsboro".

  Markup:
  <div style="background-color:#DEDEDE; width=60; height=60"></div>

  Styleguide Northem Dark - Light Wind
  */
  --northem-dark5: $northem-dark5;

  /*
  Lighter shade color of the base component color.

  Used for punctuations, carets and structuring characters like curly- and square brackets.  
  In the UI scope used as background, selection- and hightlight color depending on the theme shading design.

  The X11 color scheme name is "White Smoke".

  Markup:
  <div style="background-color:#ECEEEF; width=60; height=60"></div>

  Styleguide Northem Dark - Light Wind
  */
  --northem-dark6: $northem-dark6;

  /*
  Bluish core color of the "Ice" component.

  Used for classes, types and documentation tags.

  The X11 color scheme name is "Aqua".

  Markup:
  <div style="background-color:#8FCEC8; width=60; height=60"></div>

  Styleguide Northem Dark - Ice
  */
  --northem-dark7: $northem-dark7;

  /*
  Bluish core accent color of the "Ice" component.

  Represents the accent color of the color palette.  
  Main color for primary UI elements and methods/functions.

  Can be used for
    - Markup quotes
    - Markup link URLs

  The X11 color scheme name is "Glacier".

  Markup:
  <div style="background-color:#85C1D3; width=60; height=60"></div>

  Styleguide Northem Dark - Ice
  */
  --northem-dark8: $northem-dark8;

  /*
  Bluish core color of the "Ice" component.

  Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
  punctuations like (semi)colons,commas and braces.

  The X11 color scheme name is "Sail".

  Markup:
  <div style="background-color:#87B2CE; width=60; height=60"></div>

  Styleguide Northem Dark - Ice
  */
  --northem-dark9: $northem-dark9;

  /*
  Bluish core color of the "Ice" component.

  Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).

  The X11 color scheme name is "San Marino".

  Markup:
  <div style="background-color:#5B81AF; width=60; height=60"></div>

  Styleguide Northem Dark - Ice
  */
  --northem-dark10: $northem-dark10;

  /*
  Colorful color of the "Rainbow" component.

  Used for errors, git/diff deletion and linter marker.

  The X11 color scheme name is "Geraldine".

  Markup:
  <div style="background-color:#E07473; width=60; height=60"></div>

  Styleguide Northem Dark - Rainbow
  */
  --northem-dark11: $northem-dark11;

  /*
  Colorful color of the "Rainbow" component.

  Used for annotations.

  The X11 color scheme name is "Tacao".

  Markup:
  <div style="background-color:#F0A06F; width=60; height=60"></div>

  Styleguide Northem Dark - Rainbow
  */
  --northem-dark12: $northem-dark12;

  /*
  Colorful color of the "Rainbow" component.

  Used for escape characters, regular expressions and markup entities.  
  In the UI scope used for warnings and git/diff renamings.

  The X11 color scheme name is "Cherokee".

  Markup:
  <div style="background-color:#FDCE84; width=60; height=60"></div>

  Styleguide Northem Dark - Rainbow
  */
  --northem-dark13: $northem-dark13;

  /*
  Colorful color of the "Rainbow" component.

  Main color for strings and attribute values.  
  In the UI scope used for git/diff additions and success visualizations.

  The X11 color scheme name is "Deco".

  Markup:
  <div style="background-color:#C9CC78; width=60; height=60"></div>

  Styleguide Northem Dark - Rainbow
  */
  --northem-dark14: $northem-dark14;

  /*
  Colorful color of the "Rainbow" component.

  Used for numbers.

  The X11 color scheme name is "French Lilac".

  Markup:
  <div style="background-color:#C2A1CA; width=60; height=60"></div>

  Styleguide Northem Dark - Rainbow
  */
  --northem-dark15: $northem-dark15;
}