:root {

    --defaultTextColor: #020122;
    --dark-grey-2: #0A3313;
    --dark-grey: #253237;
    --border-1: #8B8B8B;
    --text: #8B8B8B;
    --border-2: #E2E2E2;
    --border-3: #F3F4F6;

    --white: #fff;
    --primary: #8FF7A7;
    --primary-med: #41D263;
   
    --shadow-1: 0px 4px 8px 0px #5B68713D, 0px 0px 1px 0px #1A202452;
    --shadow-2: 0px 1px 2px 0px #5B687152, 0px 0px 1px 0px #1A202452;
    
    --gradient-1: unset;
    --gradient-2: unset;

    --secondary: #246A73;
    --placeholder-color: #8B8B8B;
    --placeholder-color-2: #8B8B8B;



    --success: green;
    --warning: yellow;
    --danger: #F41658;
    --border-color: grey;
    --border-color-translucent: var(--border-2);
    /* tipografy */
    --fontFamily: 'Inter', sans-serif;

    --h1Size: 28px;
    --h2Size: 20px;
    --h3Size: 18px;
    --h4Size: 16px;
    --h5Size: 12px;

    --defaultRaduis: 10px;
    --radius-1: 28px;
    --radius-2: 18px;
    --radius-3: 14px;
    --radius-4: 10px;
    --radius-full: 360px;

    --header-height: 90px;
    /* font-size */
    --text--xs: 12px;
    --text--sm: 13px;
    --text--md: 14px;
    --text--lg: 15px;
    --text--xl: 16px;


    /* gap */
    --gap--xs: 8px;
    --gap--sm: 10px;
    --gap--md: 12px;
    --gap--lg: 16px;
    --gap--xl: 20px;
    --defaultFontSize: var(--text--md);
    --defaultLineHeight: normal;
    /* sizes */
    --size-xs: 34px;
    --size-sm: 36px;
    --size-md: 40px;
    --size-lg: 44px;
    --size-xl: 48px;

    /* icons */
    --ico-size--xs: var(--size-xs);
    --ico-size--sm: var(--size-sm);
    --ico-size--md: var(--size-md);
    --ico-size--lg: var(--size-lg);
    --ico-size--xl: var(--size-xl);
    /* buttons */
    --btn-size--xs: var(--size-xs);
    --btn-size--sm: var(--size-sm);
    --btn-size--md: var(--size-md);
    --btn-size--lg: var(--size-lg);
    --btn-size--xl: var(--size-xl);
    /* inputs */
    --input-size--xs: var(--size-xs);
    --input-size--sm: var(--size-sm);
    --input-size--md: var(--size-md);
    --input-size--lg: var(--size-lg);
    --input-size--xl: var(--size-xl);
}