// Copyright (C) 2020 Hello Tham <info@hellotham.com>
// Copyright (C) 2020 Chris Tham <chris.tham@hellotham.com>

// Project:    Rosely
// Version:    1.0.0
// Repository: https://github.com/hellotham/rosely
// License:    MIT
// References:
//   http://sass-lang.com
//   http://sassdoc.com

////
/// Rosely: A warm and serene color palette based on millennial pink
/// 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.
///
/// @author Chris Tham <chris.tham@hellotham.com>
////

/// Base component color of "Velvet Night".
///
/// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.
///
/// @access public
/// @example scss - SCSS
///   /* For dark ambiance themes */
///   .background {
///     background-color: $rosely0;
///   }
///   /* For light ambiance themes */
///   .text {
///     color: $rosely0;
///   }
/// @group velvetnight
/// @since 1.0.0
$rosely0: #27272a;
$nord0: $rosely0;
$base00: $rosely0;

/// Lighter shade color of the base component color.
///
/// Used as a lighter background color for UI elements like status bars.
///
/// @access public
/// @group velvetnight
/// @see $rosely0
/// @since 1.0.0
$rosely1: #615f5f;
$nord1: $rosely1;
$base01: $rosely1;

/// 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 highlight color.
///
/// @access public
/// @example scss - SCSS
///   /* Code Syntax Highlighting scope */
///   .editor {
///     &.line {
///       background-color: $rosely2;
///     }
///   }
///
///   /* UI scope */
///   button {
///     &:selected {
///       background-color: $rosely2;
///     }
///   }
/// @group velvetnight
/// @see $rosely0
/// @since 1.0.0
$rosely2: #85677b;
$nord2: $rosely2;
$base02: $rosely2;

/// 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.
///
/// @access public
/// @example scss - SCSS
///   /* Code Syntax Highlighting scope */
///   .editor {
///     &.indent-guide,
///     &.wrap-guide {
///       &.marker {
///         color: $rosely3;
///       }
///     }
///   }
///   .comment,
///   .invisible {
///     color: $rosely3;
///   }
///
///   /* UI scope */
///   button {
///     &:disabled {
///       background-color: $rosely3;
///     }
///   }
/// @group velvetnight
/// @see $rosely0
/// @since 1.0.0
$rosely3: #a49e9e;
$nord3: $rosely3;
$base03: $rosely3;

/// Base component color of "Spring Blossom".
///
/// Main color for text, variables, constants and attributes.
/// In the UI scope used as semi-light background depending on the theme shading design.
///
/// @access public
/// @example scss - SCSS
///   /* For light ambiance themes */
///   .background {
///     background-color: $rosely4;
///   }
///   /* For dark ambiance themes */
///   .text {
///     color: $rosely4;
///   }
/// @group springblossom
/// @since 1.0.0
$rosely4: #f7caca;
$nord4: $rosely4;
$base04: $rosely4;

/// 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.
///
/// @access public
/// @group springblossom
/// @see $rosely4
/// @since 1.0.0
$rosely5: #f4dede;
$nord5: $rosely5;
$base05: $rosely5;

/// 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 highlight color depending on the theme shading design.
///
/// @access public
/// @group springblossom
/// @see $rosely4
/// @since 1.0.0
$rosely6: #f4eee8;
$nord6: $rosely6;
$base06: $rosely6;

/// Blue core color.
///
/// Used for classes, types and documentation tags.
///
/// @access public
/// @group flowermeadow
/// @since 1.0.0
$rosely7: #93a9d1;
$nord7: $rosely7;
$base0C: $rosely7;

/// Lilac core accent color.
///
/// 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
///
/// @access public
/// @group flowermeadow
/// @since 1.0.0
$rosely8: #be9cc1;
$nord8: $rosely8;
$base0D: $rosely8;

/// Mauve core color.
///
/// Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
/// punctuations like (semi)colons,commas and braces.
///
/// @access public
/// @group flowermeadow
/// @since 1.0.0
$rosely9: #b0879b;
$nord9: $rosely9;
$base0E: $rosely9;

/// Purple core color.
///
/// Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).
///
/// @access public
/// @group flowermeadow
/// @since 1.0.0
$rosely10: #b565a7;
$nord10: $rosely10;
$base0F: $rosely10;

/// Colorful component color.
///
/// Used for errors, git/diff deletion and linter marker.
///
/// @access public
/// @group vividfloriade
/// @since 1.0.0
$rosely11: #d2386c;
$nord11: $rosely11;
$base08: $rosely11;

/// Colorful component color.
///
/// Used for annotations.
///
/// @access public
/// @group vividfloriade
/// @since 1.0.0
$rosely12: #ec809e;
$nord12: $rosely12;
$base09: $rosely12;

/// Colorful component color.
///
/// Used for escape characters, regular expressions and markup entities.
/// In the UI scope used for warnings and git/diff renamings.
///
/// @access public
/// @group vividfloriade
/// @since 1.0.0
$rosely13: #eada4f;
$nord13: $rosely13;
$base0A: $rosely13;

/// Colorful component color.
///
/// Main color for strings and attribute values.
/// In the UI scope used for git/diff additions and success visualizations.
///
/// @access public
/// @group vividfloriade
/// @since 1.0.0
$rosely14: #64bfa4;
$nord14: $rosely14;
$base0B: $rosely14;

/// Colorful component color.
///
/// Used for numbers.
///
/// @access public
/// @group vividfloriade
/// @since 1.0.0
$rosely15: #919bc9;
$nord15: $rosely15;

$base07: #fff;