:root {
    --color-black:           #000000;
    --color-white:           #ffffff;
    --color-ultraviolet:     #9600ff;
    --color-dark-gray:       #1e1e1e;
    --color-medium-gray:     #343434;
    --color-disabled-gray:   #7f7f7f;
    --color-light-gray:      #f5f5f5;

    --font-work:        'Work Sans', sans-serif;
    --font-tech:        'Space Grotesk', sans-serif;
    --font-data:        'Space Mono', monospace;
    --text-h1:          40px;
    --text-h2:          32px;
    --text-h3:          24px;
    --text-h4:          20px;
    --text-normal:      16px;
    --text-medium:      14px;
    --text-small:       12px;

    --space-xxs:  8px;
    --space-xs:   12px;
    --space-s:    16px;
    --space-m:    24px;
    --space-l:    32px;
    --space-xl:   40px;
    --space-xxl:  48px;

    --border-radius-btn: 25px;
}