:root{
    --font: Arial, sans-serif;

    // --fs-small: 9px;
    // --font-size: 12px;
    // --fs-medium: 18px;
    // --fs-big: 24px;

    --fs-x-small: 9px;
    --fs-small: 13px;
    --fs-normal: 18px;
    --fs-medium: 22px;
    --fs-big: 28px;
    --fs-x-big: 36px;

    --leading-tight: 1;
    --leading-normal: 1.2;
    // --leading-relaxed: 1.4;
    // --leading-loose: 1.8;

    --fw-normal: 400;
    --fw-medium: 600;


    --color-bg: #161616;
    --color-txt: #FFFFFF;
    --color-accent: #00FF00;
    --color-accent-50: #e9ffe9;
    --color-accent-100: #d8fdd8;

    --grey-100: #d8d8d8;
    --grey-300: #B9B9B9;
    --grey-400: #969696;
    --grey-800: #383838;

    --border: 1px solid var(--color-txt);


    --header-h: 140px;
    --header-h-shrinked: 60px;


    // responsive
    --padding-body: 16px;


    --radius-small: 4px;
    --spacing: 40px;
    --h-block: 40px;

    


    
}