// ------------------------------------------------------------------------------------------- //
//                            GLOBAL VARIABLES
// ------------------------------------------------------------------------------------------- //

// Color scheme
$mainColor         : #0070F0;
$mainHoverColor    : #005BD0;

// WP Zone Color Palette
$dsPastelPurple    : #F3F5F9;
$dsLightPurple     : #0070F0;
$dsBrightPurple    : #0070F0;
$dsMainPurple      : #5A607F;
$dsDarkPurple: #131523;

$subMenuPurple     : #0070F0;

// New
$dsMediumPurple    : #0070F0;
$wpz_secondary     : #0070F0;

$neonBlue          : #0070F0;
$neonBlueDark      : #0070F0;

$primary1  : #9373e0;
$primary2  : #8554FF;
$primary3  : #A43DFF;
$primary4  : #6a39e4;

$secondary : #fd925c;

// Color scheme
$white     : #fff;
$gray1     : #f9fafb; // #0000000D
$gray2     : #e7ebee;
$gray3     : #dae0e3;
$gray4     : #949fa7;
$gray5     : #3a3a3a;


// notification colors
$success: #3ebb79; // notification color: success
$warning: #fc3; // notification color: warning / info
$danger: #F35252; // notification color:error
$red : #F35252;

$whiteColor: #fff;
$blackColor: #000;

// border colors
$lightBorderColor: #f3f6f8; // color for light borders
$middleBorderColor: #e7eaec; // color for dark borders
$darkBorderColor: #dde2e5; // color for dark borders
$checkboxGrey      : #E7EAEC;

// Font
$fontGeneral       : "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica", "Arial", sans-serif;

$fontHeading: $fontGeneral;
$fontButton: $fontGeneral;
$fontSize          : 13px;

$baseSize: 13px; // general font size
$baseLineHeight: 1.7; // general line height
$lineHeight : 1.7;

$baseFontWeight: normal; // general font weight
$baseHeadingWeight: bold; // h1-h6 tags font weight

$fontWeight        : normal;
$headingWeight     : bold;

$baseFontColor: #131523; // general font color
$baseHeaderColor: #131523; // h1-h6 tags font color


$fontColor         : #131523;
$headingColor      : #131523;

// Rounded corners
$mainRadius        : 5px;
$formRadius        : 3px;

// Responsive breakpoints
$boxShadow         : 0 0 10px rgba(90, 96, 127, 0.53);

$breakSmall        : 782px;
$breakSmallMin     : 783px;
$breakLarge        : 960px;
$breakLargeMin     : 961px;