
:root {
    
    --body: #fff;
    --black: #000;
    --white: #fff; 
    --theme: #EB0029;
    --theme2:#FC791A;
    --title:#010F1C;
    --dark: #222222;
    --text: #5C6574;
    --text2: #ababab;
    --bg: #02142A;
    --box-shadow: 0px 6px 30px 0px rgba(52, 55, 170, 0.15);
    --bg2: #F4F1EA;    
    --border: #373737;
    --border-2: #D2D2D1; 
    --border-3: #ffffff17; 
    --title-font:  "Epilogue", sans-serif;
    --body-font:   "Roboto", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
}

// Theme Color - Defualt Colors
$black: var(--black);
$dark: var(--dark);
$white: var(--white);
$theme-color: var(--theme);
$theme-color-2: var(--theme2);
$title-color: var(--title); 
$text-color: var(--text); 
$text-color-2: var(--text2); 
$border-color: var(--border);
$border-color-2: var(--border-2);
$border-color-3: var(--border-3);
$bg-color: var(--bg);
$bg-color-2: var(--bg2);
$shadow: var(--box-shadow);

$title-font : var(--title-font);
$body-font : var(--body-font);
$icon-font : var(--icon-font);