:root {
    --volgh-background:#f2f3f9;
    --volgh-default-color:#25252a;
    --volgh-default-border:#eaedf1;
	--volgh-primary: #5e2dd8;
	--volgh-primary-hover: #561fdf;
	--volgh-primary-border: #5e2dd8;
    --volgh-primary-01: rgba(94, 45, 216,0.1);
    --volgh-primary-02: rgba(94, 45, 216,0.2);
	--volgh-secondary: #d43f8d;
	--volgh-success: #09ad95;
	--volgh-info: #0774f8;
	--volgh-warning: #f7b731;
	--volgh-danger: #f82649;
	--volgh-light: #f2f2f9;
	--volgh-dark: #343a40;
	--volgh-blue: #3223f1;
	--volgh-indigo: #6574cd;
	--volgh-purple: #8927ec;
	--volgh-pink: #fc5296;
	--volgh-red: #e73827;
	--volgh-orange: #fc7303;
	--volgh-yellow: #FBB034;
	--volgh-lime: #76db23;
	--volgh-green: #4ecc48;
	--volgh-teal: #1caf9f;
	--volgh-cyan: #007ea7;
	--volgh-azure: #45aaf2;
	--volgh-white: #ffffff;
	--volgh-black: #000000;
	--volgh-gray: #5a6970;
	--volgh-dark-background:#22223d;
	--volgh-dark-theme:#30304d;
	--volgh-dark-border:rgba(255,255,255,0.1);
}

$background: var(--volgh-background);
$default-color:var(--volgh-default-color);
$default-border: var(--volgh-default-border);

/*Color variables*/
$primary-1:var(--volgh-primary); 
$primary-hover:var(--volgh-primary-hover); 
$primary-border:var(--volgh-primary-border); 
$primary-01:var(--volgh-primary-01);
$primary-02:var(--volgh-primary-02);
$secondary:var(--volgh-secondary);
$pink:var(--volgh-pink);
$teal:var(--volgh-teal);
$purple:var(--volgh-purple);
$success:var(--volgh-success);
$warning:var(--volgh-warning);
$danger:var(--volgh-danger);
$info:var(--volgh-info);
$orange:var(--volgh-orange);
$red:var(--volgh-red);
$lime:var(--volgh-lime);
$dark:var(--volgh-dark);
$indigo:var(--volgh-indigo);
$cyan:var(--volgh-cyan);
$azure:var(--volgh-azure);
$white:var(--volgh-white);
$black:var(--volgh-black);
$light:var(--volgh-light);
$gray:var(--volgh-gray);
$green:var(--volgh-green);
$blue:var(--volgh-blue);
$yellow:var(--volgh-yellow);


/*Gradient variables*/
$primary-gradient-1:linear-gradient(to right, #5e2dd8  0%, #6d5df1 100%); 
$primary-gradient-2:linear-gradient(to right, #d52b46 0%, #bf4959 100%); 
$primary-gradient-3:linear-gradient(to right, #569834 0%, #627955 100%); 
$primary-gradient-4:linear-gradient(to right, #4453fb 0%, #222a88 100%); 
$primary-gradient-5:linear-gradient(to right, #f3532f 0%, #8a6f58 100%); 
$secondary-gradient:linear-gradient(to bottom right, #d43f8d 0% , #af4666 100%);
$warning-gradient:linear-gradient(to bottom right,#f66b4e 0%, #fbc434 100%);
$info-gradient:linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%);
$danger-gradient:linear-gradient(to bottom right, #FF416C 0%, #FF4B2B 100%);
$success-gradient:linear-gradient(to bottom right, #21a544 0% , #62fb62 100%);

/*white variables*/
$white-1:rgba(255, 255, 255, 0.1);
$white-2:rgba(255, 255, 255, 0.2);
$white-3:rgba(255, 255, 255, 0.3);
$white-4:rgba(255, 255, 255, 0.4);
$white-5:rgba(255, 255, 255, 0.5);
$white-6:rgba(255, 255, 255, 0.6);
$white-7:rgba(255, 255, 255, 0.7);
$white-8:rgba(255, 255, 255, 0.8);
$white-9:rgba(255, 255, 255, 0.9);
$white-05:rgba(255, 255, 255, 0.05);
$white-08:rgba(255, 255, 255, 0.08);
$white-75:rgba(255, 255, 255, 0.075);

/*black variables*/
$black-1:rgba(0, 0, 0, 0.1);
$black-2:rgba(0, 0, 0, 0.2);
$black-3:rgba(0, 0, 0, 0.3);
$black-4:rgba(0, 0, 0, 0.4);
$black-5:rgba(0, 0, 0, 0.5);
$black-6:rgba(0, 0, 0, 0.6);
$black-7:rgba(0, 0, 0, 0.7);
$black-8:rgba(0, 0, 0, 0.8);
$black-9:rgba(0, 0, 0, 0.9);
$black-05:rgba(0, 0, 0, 0.05);

/*gray variables*/
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;

/*shadow variables*/
$shadow:0 5px 15px 5px rgba(80, 102, 224, 0.08);
$dark-background:var(--volgh-dark-background);
$dark-theme-color:var(--volgh-dark-theme);
$dark-border:var(--volgh-dark-border);
$dark-color:#dedefd;
$dark-theme:#1e2448;
$dark-theme2:#16192f;
$dark-theme3:#181d3e;


/*skins variables*/
$background-1:#30304d;