:root {
    /*! Color */
    --white: #FFFFFF;
    --placeholder: #87898F;
    --text: #000204;
    --black-Accent: #101010;
    --bg: #FFFFFF;
    --positive: #62B237;
    --negative: #ED0A34;
    --text-Accent: #797A80;
    --text-Grey: #707070;
    --primary-Secondary: #006ED9;
    --orange: #F3731F;
    --orange-Mandarin:#F37D35;
    --orange-Active: #E76713;
    --span: #E0E2E8;
    --active: #EFEFF2;
    --card-bg: #D9D9D9;
    --hr: #F0F0F0;
    --button-Hover: #005CB4;
    --button-Active: #02488B;
    --button-Accent: #1976D20D;
    --hover-Bg: #F5F5F5;
    --hover-Seek: #09529A;
    --mobile-Menu: #8D8D8D;
    --disable: #8E9092;
    --bg-Block: #F8F8F9;
    --bg-Sky: #1976D20F;

    --bg-Accent: #F8F8F8;
    --primary-Accent: #1976D2;


    /*! Font size  */
    --xss: 10px;
    --xs: 12px;
    --sm: 14px;
    --base: 16px;
    --lg: 18px;
    --xl: 20px;
    --xl2: 24px;

    /*! Font weight */
    --text-Regular: 400;
    --text-Medium: 500;
    --text-SemiBold: 600;
    --text-Bold: 700;
    --text-ExtraBold: 800;

    /*! Margin */
    --margin: 8px;

    /*! Padding  */
    --padding: 8px;

    /*! Size  */
    --full: 100%;

    /*! Radius  */
    --radius-small: 4px;
    --radius: 8px;
    --radius-medium: 10px;
    --radius-big: 16px;
    --radius-lg: 20px;
    --radius-xl2: 100px;


    /*! Font weight  */
    --text-regular: 500;
    --text-semiBold: 600;

    --big_desktop: 1375px;
    --desktop: 1345px;
    --notebook: 1024px;
    --tablet: 768px;
    --tablet-mini: 640px;
    --mobile: 426px;
    --mobile_small: 90%;

    /*! Content  */
    --contentWidth: var(--big_desktop);

}