/*
|--------------------------------------------------------------------------
| Lego Kubik UI Kit
| variables.css
|--------------------------------------------------------------------------
| Глобальные переменные проекта
|--------------------------------------------------------------------------
*/


/* ==========================================================
   Светлая тема
========================================================== */

:root{

    /* Основные цвета */

    --kubik-primary: #FFD502;
    --kubik-primary-dark: #E5BF00;

    --kubik-blue: #0E3F7E;
    --kubik-red: #E53935;


    /* Фоны */

    --kubik-bg: #F5F7FA;

    --kubik-surface: #FFFFFF;

    --kubik-surface-alt: #F7F9FC;


    /* Текст */

    --kubik-text: #222833;

    --kubik-text-secondary: #5B6473;

    --kubik-text-light: #8B95A7;


    /* Границы */

    --kubik-border: #E5EBF2;


    /* Тени */

    --kubik-shadow:

        0 0 0 1px rgba(14,63,126,.04),

        0 1px 1px -.5px rgba(42,51,69,.04),

        0 3px 3px -1.5px rgba(42,51,69,.04),

        0 6px 6px -3px rgba(42,51,69,.04),

        0 12px 12px -6px rgba(14,63,126,.05),

        0 24px 24px -12px rgba(14,63,126,.05);


    /* Скругления */

    --kubik-radius-sm: 8px;

    --kubik-radius-md: 14px;

    --kubik-radius-lg: 26px;


    /* Анимации */

    --kubik-transition: .25s ease;

    /* Ссылки */

    --kubik-link: #0E63D6;
    --kubik-link-hover: #084AA8;

}



/* ==========================================================
   Тёмная тема Dashwall
========================================================== */

body.dark{

    /* Фоны */

    --kubik-bg: #1D1F24;

    --kubik-surface: #2A2E35;

    --kubik-surface-alt: #343943;


    /* Текст */

    --kubik-text: #F3F5F8;

    --kubik-text-secondary: #D3DAE3;

    --kubik-text-light: #A9B2BF;


    /* Границы */

    --kubik-border: rgba(255,255,255,.08);


    /* Тени */

    --kubik-shadow:

        0 0 0 1px rgba(255,255,255,.03),

        0 12px 40px rgba(0,0,0,.35);

    /* Ссылки */

    --kubik-link: #66B3FF;
    --kubik-link-hover: #9CCEFF;

}