// 
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// title      Northem Light                                    +
// project    northem-light                                    +
// version    2.0.1                                            +
// repository https://github.com/arcticicestudio/northem-light +
// author     Arctic Ice Studio                                +
// email      development@arcticicestudio.com                  +
// copyright  Copyright (C) 2016                               +
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// 
// [References]
// Sass
//   (http://sass-lang.com)
// SassDoc
//   (http://sassdoc.com)
// Northem
//   (https://github.com/arcticicestudio/northem)

////
/// A north-bluish, light 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 light, more color-intensive variation of the origin project "Northem".
///
/// @author Arctic Ice Studio <development@arcticicestudio.com>
////

/// 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 "Bleached Cedar".
///
/// @access public
/// @example scss - SCSS
///   /* For dark ambiance themes */
///   .background {
///     background-color: $northem-light0;
///   }
///   /* For light ambiance themes */
///   .text {
///     color: $northem-light0;
///   }
/// @group darkwater
/// @since 2.0.0
$northem-light0: #454546;

/// 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 "Dim Gray".
///
/// @access public
/// @group darkwater
/// @see $northem-light0
/// @since 2.0.0
$northem-light1: #6D6D6F;

/// 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 "Silver".
///
/// @access public
/// @example scss - SCSS
///   /* Code Syntax Highlighting scope */
///   .editor {
///     &.line {
///       background-color: $northem-light2;
///     }
///   }
///
///   /* UI scope */
///   button {
///     &:selected {
///       background-color: $northem-light2;
///     }
///   }
/// @group darkwater
/// @see $northem-light0
/// @since 2.0.0
$northem-light2: #C6C6C8;

/// 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 "Athens Grey".
///
/// @access public
/// @example scss - SCSS
///   /* Code Syntax Highlighting scope */
///   .editor {
///     &.indent-guide,
///     &.wrap-guide {
///       &.marker {
///         color: $northem-light3;
///       }
///     }
///   }
///   .comment,
///   .invisible {
///     color: $northem-light3;
///   }
///
///   /* UI scope */
///   button {
///     &:disabled {
///       background-color: $northem-light3;
///     }
///   }
/// @group darkwater
/// @see $northem-light0
/// @since 2.0.0
$northem-light3: #E0E0E1;

/// 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 "Scarpa Flow".
///
/// @access public
/// @example scss - SCSS
///   /* For light ambiance themes */
///   .background {
///     background-color: $northem-light4;
///   }
///   /* For dark ambiance themes */
///   .text {
///     color: $northem-light4;
///   }
/// @group lightwind
/// @since 2.0.0
$northem-light4: #F2F2F7;

/// 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 "Blue Zodiac".
///
/// @access public
/// @group lightwind
/// @see $northem-light4
/// @since 2.0.0
$northem-light5: #F9F9FC;

/// 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".
///
/// @access public
/// @group lightwind
/// @see $northem-light4
/// @since 2.0.0
$northem-light6: #FFFFFF;

/// Bluish core color of the "Ice" component.
///
/// Used for classes, types and documentation tags.
///
/// The X11 color scheme name is "Tradewind".
///
/// @access public
/// @group ice
/// @since 2.0.0
$northem-light7:  #7ACAC2;

/// 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 "Seagull".
///
/// @access public
/// @group ice
/// @since 2.0.0
$northem-light8:  #6FBAD0;

/// 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 "Shakespeare".
///
/// @access public
/// @group ice
/// @since 2.0.0
$northem-light9:  #71A7CA;

/// 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 "Danube".
///
/// @access public
/// @group ice
/// @since 2.0.0
$northem-light10: #5781B3;

/// Colorful color of the "Rainbow" component.
///
/// Used for errors, git/diff deletion and linter marker.
///
/// The X11 color scheme name is "Valencia".
///
/// @access public
/// @group rainbow
/// @since 2.0.0
$northem-light11: #DF5C5A;

/// Colorful color of the "Rainbow" component.
///
/// Used for annotations.
///
/// The X11 color scheme name is "Flamenco".
///
/// @access public
/// @group rainbow
/// @since 2.0.0
$northem-light12: #F19054;

/// 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 "Grandis".
///
/// @access public
/// @group rainbow
/// @since 2.0.0
$northem-light13: #FFC568;

/// 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 "Wild Willow".
///
/// @access public
/// @group rainbow
/// @since 2.0.0
$northem-light14: #C5C961;

/// Colorful color of the "Rainbow" component.
///
/// Used for numbers.
///
/// The X11 color scheme name is "Ce Soir".
///
/// @access public
/// @group rainbow
/// @since 2.0.0
$northem-light15: #BA8EC4;