@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    /*элементы */
    --fnt-color: var(--mc-grey); /*основной цвет шрифта*/
    --fnt-base: var(--fnt);
    --fnt-color-alt: var(--mc-wt);
    --fnt-color-h4: var(--fnt-color);
    --bg-color: var(--mc-lg1);
    --brdr-color: var(--mc-grlt);
    --brdr-color-l: var(--mc-lg2);
    --brdr-color-d: var(--fnt-color);
    --btn-color: var(--fnt-color);
    --btn-color-alt: var(--fnt-color-alt);
    --btn-color-bgr-alt: var(--mc-lg);
    --btn-color-base: var(--mc-1);
    --btn-color-hover: var(--fnt-color-alt);
    --pnl-border-l: var(--mc-grey-l);
    --pnl-bg-l: var(--mc-bg-l);
    --tbl-grid: var(--mc-grlt);
    --tbl-2-row: var(--mc-lg1);
    --tbl-color-caption: var(--mc-lg2);
    --tbl-hover: var(--mc-blued);
    /*color цвета---------------------*/
    --mc-base: var(--mc-gr0); /*основной, преобладающий цвет*/
    --mc-wt: white;
    --mc-alt: #fff;
    --mc-good: #e0f5ce;
    --mc-near: #ffd5ce;
    --mc-bad: #f5826f;
    /*паслитра - серый*/
    --mc-grey: grey;
    --mc-gr0: #575555;
    --mc-grey-l: #dddddd;
    --mc-grlt: #d4d6d4; /*светло серый*/
    --mc-lg: lightgrey;
    --mc-lg1: #f2f5f7; /*светло серый*/
    --mc-lg2: #d1dae0; /*светло серый*/
    --mc-0: #ede8e8; /*светло серый фиолет*/
    --mc-3: #f5f6f7; /*светло серый*/

    --mc-5: #f3f3f1; /*светло серый*/
    --mc-1: #808080; /*серый*/
    --mc-gr: rgba(0, 0, 0, 0.25); /*серый*/
    --mc-gr04: rgba(0, 0, 0, 0.4); /*серый светло*/
    --mc-gr05: rgba(0, 0, 0, 0.5); /*серый светло*/
    /*---------*/
    --mc-bg-l: #f7f6f6;
    --mc-bg-m: rgba(0, 0, 0, 0.3);
    --mc-bg-s: rgba(0, 0, 0, 0.4);
    --mc-bg-d: #575555;
    --mc-b: #000000;
    --mc-elb: rgba(0, 0, 0, 0.3); /*border*/
    --mc-orngl: #ffab6f; /*светло оранжевый*/
    --mc-gr1: #666666;
    --mc-2: #7b5f80; /*фиолет*/
    --mc-orgl: #ffd192; /*оранжевый лайт*/
    --mc-org: #ff7b2e;
    --mc-bgr: #5A7A00; /*основной зеленый*/
    --mc-grn0: #5A7A00; /*зеленый*/
    --mc-grn1: #4A5820; /*зеленый*/
    --mc-grn: #8CC23C; /*салат*/
    --mc-grnsl: #f0f8e6; /*супер лайт*/
    --mc-grndl: #cddeb3; /*лайт грязный тяжелый*/
    --mc-grn2: #deefc4; /*лайт грязный */
    --mc-rdl: #202658; /* лайт*/
    --mc-rdb: #2065A6; /**/
    --green-s: #509600;
    --mc-4: #fe8383; /*красный*/
    --mc-red: #f82b2b;
    --mc-redd: #bd2323;
    --mc-blued: #104692;
    /*маргин л-п*/
    --fnt: Lucida Grande,Lucida Sans,sans-serif,Arial; /*Cambria*/
    --fnt-el: Noto Sans;
    /*размеры*/
    --font-size: 14px;
    --font-size-р4B: 2rem;
    --font-size-btn: 1.2em;
    --font-size-s1: 1em;
    --font-size-s2: 2em;
    /**/
    --mm-height: 74px; /*высота меню*/
    --btn-height: 50px; /*высота кнопок*/
    --btna-height: 30px;
    --tbl-grid: var(--mc-grlt); /*#aed0ea*/
    /*-------------------------*/
    --pdg: 10px;
    --pdg-glyph: 7px;
    --pdg-l-20: 20px; /*paddig left for elements*/
    --pdg-r-20: 20px;
    --pdg-l-max: 40px;
    --pdg-r-max: 40px;
    --pdg-l-el: 10px; /*paddig left for elements*/
    --pdg-r-el: 10px;
    --pdg-t-el: 10px;
    --pdg-t-prop: 4px;
    --pdg-b-el: 10px;
    --pdg-input: 0px 4px;
    --pdg-input-l: 4px;
    --pdg-btn: 2px 10px;
    --pdg-b-h2m: 2vh;
    --pdg-t-h2m: 2vh;
    --mglr-h1m: 6vh; /*маргин л-п*/
    --mgn: 10px; /*margin for elements*/
    --mgn2: 10px;
    --mgn-tb: 10px 0px;
    --mgn-rl: 0px 10px;
    --mgn-rl1: 0px 20px;
    --mgn-mdl: 8px 0px;
    --mgn-l: 10px;
    --mgn-l-lbl: 6px;
    --mgn-t: 6px;
    --mgn-t-h1m: 10vh;
    --mgn-t-h1: 20vh;
    --mgn-t-10: 10px;
    --radius: 6px;
    --radius-min: 4px;
    --gap: 4px;
    --gap-btns: 6px;
    /*input-------------------------*/
    --input-w: 200px;
    --input-h: 34px;
    --icon-w:20px;
    --icon-h:20px;
    /*container-------------------------*/
    --container-w: 100%;
    --container-pdg: 10px 10px;
    --container-jc: flex-start;
}