:root {
    /* ===== Серые №0  ===== */
    --white: #ffffff;
    --gray-01: #f5f5f5;
    --gray-02: #dddddd;
    --gray-03: #bbbbbb;
    --gray-04: #888888;
    --gray-05: #444444;
    --gray-06: #2e2e2e;
    --black: #000000;

    /* ===== Основной цвет №1 #314b6c ===== */
    --color-11: #e9f3ff;
    --color-12: #c6d7eb;
    --color-13: #778fab;
    --color-14: #314b6c;
    --color-15: #1c2c3c;

    /* ===== Основной цвет №2 #6c562f ===== */
    --color-20: #f8f3ee;
    --color-21: #f6eddc;
    --color-22: #e5d7bd;
    --color-23: #c0b096;
    --color-24: #6c562f;
    --color-25: #4f3c1c;

    /* ===== Цвета кодирования №3 ===== */
    --color-yellow: #fff56e;
    --color-orange: #eb8137;
    --color-red: #ff587a;
    --color-purple: #ea93f2;
    --color-blue: #5190f6;
    --color-turquoise: #52a6b2;
    --color-teal: #96e8f0;
    --color-green: #adeb6b;


    /* ===== Семантические переменные ===== */
    --color-border: #D59278;
    --color-itext: #434343;
    --color-bg: #FFE8E0;
    --color-h: #99563C;
    --color-ib: #FFE4D9;
    --color-bgh: #CC8066;
    --font: DINPro condensed regular;
    --color-error: #ff587a;
    --color-succes: green;
    --title-color: #878787;
    --title-font: Roboto;
    --input-border-color: #F7764A;
    --input-border-color-active:#e5a089;
    --input-bg-active:#fff5f2;
    --shadow:0px 5px 10px 0px rgba(154, 96, 76, 0.80);
    --shadow-block:0px 6px 12px 6px rgba(153, 96, 76, 0.80);


    --button-bg: #F7764A;
    --button-color: #fff;

    /* ===== Меню ===== */
    --color-menu-bg: #fff;
    --color-menu-text:#878787;
    --color-menu-link:#434343;
    --color-menu-border:#EDB29A;

    /* ===== Навигация ===== */
    --color-navy-text: #FFFFFF;
    --color-navy-link: #FFE8E0;
    --color-navy-sep: #FFE8E0;
    --color-navy-bg: #fff;

    /* ===== Календарь ===== */
    --color-cal-text: #434343;
    --color-cal-link: #BABABA;
    --color-cal-sep: #BABABA;
    --color-cal-bg: #878787;
}