:root {
    --kp-color-darkblue: #0a2342; /* background навигационных панелий и выдвежных меню (темносиний) */
    --kp-color-orange: #f26430; /* Основной цвет кнопок (оранжевый) */
    --kp-color-skyblue: #0099cc; /* Цвет уникальных кнопок (берюзовый) */
    --kp-color-white: #fff; /* Цвет внутри кнопок (белый) */
    --kp-color-black: #070510; /* Цвет текста (черный) */
    --kp-color-gray:#666; /* Цвет выподающего меню профеля (серый) */


    --primary-bg-color: var(--kp-color-orange);
    --primary-bg-hover: #c15026;
    --primary-bg-border: #83371b;
    --primary-bg-transparentcolor:rgba(74, 61, 184, 0.16);
    --primary-bg-background:#f7f7fb;
    --secondary-color: #9c31df;
    --secondary-hover: #b24af3;
    --secondary-transparent:rgba(156, 49, 223, 0.16);
    --secondary-shadow: rgba(156, 49, 223, 0.1);
    --primary-09:rgba(74, 61, 184,0.86);
    --primary-10:rgba(74, 61, 184,0.46);
    --primary-02:rgba(74, 61, 184,0.02);
    --primary-04:rgba(74, 61, 184,0.04);
    --primary-1:rgba(74, 61, 184,0.1);
    --dark-color: #1c2538;
    --dark-color2: #121a2e;
    --transparent-color: rgba(0,0,0,.2);
    --transparent-color2: #3f0764;

}