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

[References]
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)
*/

@import "northem";

/*
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.

Styleguide Northem
*/

: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 "Nero".

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

  Styleguide Northem - Dark Water
  */
  --northem0: $northem0;

  /*
  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 Montana".

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

  Styleguide Northem - Dark Water
  */
  --northem1: $northem1;

  /*
  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 "Montana".

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

  Styleguide Northem - Dark Water
  */
  --northem2: $northem2;

  /*
  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 "Blue Zodiac".

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

  Styleguide Northem - Dark Water
  */
  --northem3: $northem3;

  /*
  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 "Iron".

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

  Styleguide Northem - Light Wind
  */
  --northem4: $northem4;

  /*
  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 - Light Wind
  */
  --northem5: $northem5;

  /*
  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 - Light Wind
  */
  --northem6: $northem6;

  /*
  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:#90CDC7; width=60; height=60"></div>

  Styleguide Northem - Ice
  */
  --northem7: $northem7;

  /*
  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:#86C1D2; width=60; height=60"></div>

  Styleguide Northem - Ice
  */
  --northem8: $northem8;

  /*
  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:#88B2CD; width=60; height=60"></div>

  Styleguide Northem - Ice
  */
  --northem9: $northem9;

  /*
  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:#5C81AE; width=60; height=60"></div>

  Styleguide Northem - Ice
  */
  --northem10: $northem10;

  /*
  Colorful color of the "Rainbow" component.

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

  The X11 color scheme name is "Light Coral".

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

  Styleguide Northem - Rainbow
  */
  --northem11: $northem11;

  /*
  Colorful color of the "Rainbow" component.

  Used for annotations.

  The X11 color scheme name is "Tacao".

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

  Styleguide Northem - Rainbow
  */
  --northem12: $northem12;

  /*
  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:#FCCE85; width=60; height=60"></div>

  Styleguide Northem - Rainbow
  */
  --northem13: $northem13;

  /*
  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:#C8CB79; width=60; height=60"></div>

  Styleguide Northem - Rainbow
  */
  --northem14: $northem14;

  /*
  Colorful color of the "Rainbow" component.

  Used for numbers.

  The X11 color scheme name is "French Lilac".

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

  Styleguide Northem - Rainbow
  */
  --northem15: $northem15;
}