/* Fonts */

@import 'fonts.css';

/* Blocks */

@import 'blocks/page.css';
@import 'blocks/pseudo.css';
@import 'blocks/pagenav.css';
@import 'blocks/overlay.css';
@import 'blocks/block.css';
@import 'blocks/button.css';
@import 'blocks/table.css';
@import 'blocks/form.css';
@import 'blocks/tabs.css';
@import 'blocks/items.css';
@import 'blocks/items-filter.css';
@import 'blocks/filter.css';

/* Globals */

:root {
    --clr-bg: #E5E5E5;
    --clr-block-bg: #FFFFFF;
    --clr-txt: rgb(37, 54, 79);
    --clr-txt-light: #A4A4A4;
    --clr-blue: rgb(86, 142, 251);
    --clr-red: #EB5757;
    --clr-green: #46BC46;
    --clr-grey: #EAEAEA;
    --clr-grey-lighter: #F0F0F0;
    --clr-grey-darker: #E0E0E0;

    --clr-table-border: #EAEAEA;
    --clr-table-hover: #F2F2F2;
    /*--clr-table-action-hover: rgba(86, 142, 251, 0.3);*/
    --clr-table-action-hover: rgb(86, 142, 251);
    --clr-btn-action-border: #D4D4D4;
}