/**
 * variables
 */
:root {
    --color-dark: #1B608B;
    --color-primary: #01a7ff;
    --color-success: #3aaa35;
    --color-danger: #ff0101;
    --color-zip: #ffb401;
    --color-info: #f3f6ff;
    --color-black: #000;
    --color-white: #fff;
    --color-border: #797b7f;
    --color-form-border: #989898;
    --color-nav: #8B9DA6;
    --color-nav-active: #00AD13;
    --color-nav-open: #00a9ff;
    --color-nav-sub: #8B9DA6;
    --color-side: #F2F6FF;
    --color-side-end: #00A9FF;
    --color-border-normal: #C6CCCF;
    --color-border-active: #00A9FF;
    --color-side-nav-link: #646C71;
    --color-side-footer: #C6CCCF;
    --color-side-open: #F9FAFD;

    --color-form: #EEF6FA;

    --font-family: 'IBM Plex Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-size: 1rem;

    --weight-bold: 700;
    --weight-semiBold: 600;
    --weight-medium: 500;
    --weight-normal: 400;

    --width-content: 1100px;
    --width-max: 1300px;
    --width-body: 1440px;

    --spacing-xxs: 7px;
    --spacing-xs: 10px;
    --spacing-s: 17px;
    --spacing-m: 34px;
    --spacing-l: 40px;
    --spacing-xl: 48px;
    --spacing-xxl-2: 64px;
    --spacing-xxl-3: 80px;
    --spacing-section: 136px;
}