/*******************************
        Site variables
*******************************/

/* sRGB color. */
:root {
    --amxColor: #45a655;
    --base-color: RGB(244, 244, 244);
    --white: RGB(255, 255, 255);
    --white-1: RGB(255, 255, 255, 0.1);
    --white-2: RGB(255, 255, 255, 0.2);
    --white-4: RGB(255, 255, 255, 0.4);
    --white-8: RGB(255, 255, 255, 0.8);
    --gray-04: RGB(246, 246, 246);
    --gray-10: RGB(230, 230, 230);
    --gray-20: RGB(204, 204, 204);
    --gray-40: RGB(153, 153, 153);
    --gray-60: RGB(102, 102, 102);
    --gray-80: RGB(235, 235, 235);
    --menu-bg: #1B1B1B; //#111c43
    --menu-prime-color: #a3aed1;
    --menu-active-color: rgba(255, 255, 255, 0.95);
    --default-font-family: "Inter", sans-serif;
    --default-font-weight: 400;
    --default-text-color: #333335;
    --body-bg-rgb: 240, 241, 247;
    --default-body-bg-color: rgb(var(--body-bg-rgb));
    --header-bg: #fff;
    --header-border-color: #f3f3f3;
    --header-prime-color: #536485;
    --amx-primary-color: #00A65A;
    transition: all 1s ease;
}

$white: var(--white);

/*-------------------
  Base Sizes
--------------------*/

/* This is the single variable that controls them all */

$emSize: 14px;

/* The size of page text  */

$fontSize: 14px;

/*-------------------
 Font Weight
--------------------*/

$font-weight-light: 300;
$normal: normal;
$semibold: 600;
$bold: bold;

/*-------------------
    Sizes
--------------------*/

/*
Sizes are all expressed in terms of 14px/em (default em)
This ensures these "ratios" remain constant despite changes in EM
*/

$miniSize: 0.858em;
$tinySize: 0.929em;
$smallSize: 1em;
$smallmediumSize: 1.143em;
$mediumSize: 1.286em;
$mediumlargeSize: 1.429em;
$largeSize: 1.572em;
$bigSize: 1.715em;
$hugeSize: 1.858em;
$massiveSize: 2em;
$massivehugeSize: 2.715em;
$largestSize: 2.857em;

/*-------------------
    Paths
--------------------*/

$boderColor: var(--gray-10);
$borderRadius14px: 14px;
$borderRadius10px: 10px;

/* For source only. Modified in gulp for dist */

// $imagePath: '/images';
$base-color: var(--base-color);
$shine-color: rgba(229, 229, 229, 0.8);
$animation-duration: 2s;
$avatar-offset: 52 + 16;

$amx-green: #45a655;