@import '../fonts/fonts.css';
@import "../../components/page/page.css";
@import "../../components/header/header.css";
@import "../../components/footer/footer.css";
@import "../../components/preview/preview.css";
@import "../../components/container/container.css";
@import "../../components/card/card.css";
@import "../../components/menu/menu.css";
@import "../../components/gridLayout/gridLayout.css";
@import "../../components/tabs-switcher/tabs-switcher.css";
@import "../../components/code-preview/code-preview.css";
@import "../../components/preload/preload.css";
@import "../../03-lection1/01-button/button.css";
@import "../../03-lection1/02-accordion/accordion.css";
@import "../../04-lection2/02-skeleton/skeleton.css";
@import "../../05-lection3/01-tooltip/tooltip.css";
@import "../../07-lection5/01-checkbox/checkbox.css";
@import "../../07-lection5/02-radio/radio.css";
@import "../../07-lection5/03-toggler/toggler.css";
@import "../../07-lection5/04-input/input.css";
@import "../../05-lection3/03-calendar/calendar.css";
@import "../../05-lection3/02-modal/modal.css";
@import "../../04-lection2/01-histogram/histogram.css";
@import "../../06-lection4/01-avatar/avatar.css";
@import "../../09-lection7/01-burger-menu/burger-menu.css";

:root {
    --main-bg-color: #ffff;
    --main-font-color: #212429;
    --active-text-color: #212429;
    --icons-color: #212429;
    --pink: #F784AD;
    --purple: #7048E8;
    --blue: #374FC7;
    --ligth-blue: #4263EB;
    --dark-blue: #334D6E;
    --dark-purple: #5028C6;
    --red: #f03d3e;
    --red-orange: #d84910;
    --font-color-light: #ffff;
    --grey-2: #dde2e5;
    --grey-3: #ACB5BD;
    --grey-4: #495057;
    --grey-5: #F9FAFC;
    --grey-6: #90A0B7;
    --grey-7: #F9FAFC;

    --error: var(--red);
    --success: var(--blue);

    --primary: var(--blue);
    --secondary: var(--purple);


    --token-attr-value: #07a;
    --token-attr-name: #690;
    --token-tag: #905;
    --token-function: #dd4a68;
    --token-punctuation: #999;


}

html, body {
    height: 100%;
}