/**
 * All of the SCSS variables
 * since: 1.0.0
 * Usage: @import "includes/intellipush-variables.scss";
 */

// Colors
// Main : https://github.com/WordPress/WordPress/blob/master/wp-admin/css/colors/_variables.scss

$text-color: #fff;
$base-color: #23282d;
$icon-color: hsl( hue( $base-color ), 7%, 95% );
$highlight-color: #0073aa;
$notification-color: #d54e21;
$body-background: #f1f1f1;
$link: #0073aa;
$link-focus: lighten( $link, 10% );
$button-color: $highlight-color;
$form-checked: $highlight-color;
$menu-text: $text-color;
$menu-icon: $icon-color;
$menu-background: $base-color;
$menu-highlight-text: $text-color;
$menu-highlight-icon: $text-color;
$menu-highlight-background: $highlight-color;
$menu-current-text: $menu-highlight-text;
$menu-current-icon: $menu-highlight-icon;
$menu-current-background: $menu-highlight-background;
$menu-submenu-text: mix( $base-color, $text-color, 30% );
$menu-submenu-background: darken( $base-color, 7% );
$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% );
$menu-submenu-focus-text: $highlight-color;
$menu-submenu-current-text: $text-color;
$menu-bubble-text: $text-color;
$menu-bubble-background: $notification-color;
$menu-bubble-current-text: $text-color;
$menu-bubble-current-background: $menu-submenu-background;
$menu-collapse-text: $menu-icon;
$menu-collapse-icon: $menu-icon;
$menu-collapse-focus-text: $text-color;
$menu-collapse-focus-icon: $menu-highlight-icon;
$adminbar-avatar-frame: lighten( $menu-background, 7% );
$adminbar-input-background: lighten( $menu-background, 7% );
$menu-customizer-text: mix( $base-color, $text-color, 40% );


$intellipush-base: #1eb8bc;
$intellipush-white: #fff;
$intellipush-text: #444;
$intellipush-red: #a00;
$intellipush-red-darker: #dc3232;
$intellipush-green: #46b450;
$intellipush-green-darker: #46b450;

//$base-color: #523f6d;
//$icon-color: #ece6f6;
//$highlight-color: #a3b745;
//$notification-color: #d46f15;