@import "./css/reset.css";
@import "./css/helpers.css";
@import "./css/notice.css";
@import "./css/auth.css";
@import "./css/typography.css";
@import "./css/sidebar.css";
@import "./css/form.css";
@import "./css/table.css";
@import "./css/avatar.css";
@import "./css/codemirror.css";
@import "./css/rich.css";
@import "./css/layout.css";
@import "./css/wrappers.css";
@import "./css/toolbar.css";
@import "./css/dropdown.css";
@import "./css/button.css";
@import "./css/checkbox.css";
@import "./css/pagination.css";
@import "./css/record-edit.css";
@import "./css/tabs.css";
@import "./css/switch.css";
@import "./css/preview.css";
@import "./css/dialog.css";
@import "./css/autocomplete.css";
@import "./css/reference-tags.css";
@import "./css/members.css";
@import "./css/revisions.css";
@import "./css/datepicker.css";


:root {

    --p10: #f4f9ff;
    --p20: #eaf1f9;
    --p30: #b3ceff;
    --p40: #8db5ff;
    --p50: #70a2ff;
    --p60: #679cff;
    --p70: #4284ff;
    --p80: #1c6bff;
    --p90: #002b7a;
    --p100: #000C23;


    --suc10: #d1ffb8;
    --suc20: #d1ffb8;
    --suc30: #b5ff8d;
    --suc40: #a2ff70;
    --suc50: #82cc5a;
    --suc80: #71b34e;
    --suc90: #314c22;



    --err10: #ffb9d0;
    --err20: #ff9bb3;
    --err30: #fe7e97;
    --err40: #de617b;
    --err50: #be4461;
    --err80: #61001a;
    --err90: #560012;

    --grey-dark: #424656;
    --grey-light: #a6abbd;

    --text: var(--p100);
    --text-light: var(--grey-dark);
    --text-error: var(--err50);

    --main-font: ‘Open Sans‘, Arial, Helvetica, sans-serif;
}




body {
    background-color: var(--p10);
    font-family: var(--main-font), sans-serif;
    color: var(--text);

    :focus {
        outline: none;
        box-shadow: 0 0 1px 2px var(--p70);
    }
}

.btn-spinner .spinner-border {
    display: none;
}

.btn-spinner.spinner-on .spinner-border {
    display: inline-block;
}

.cursor-pointer {
    cursor: pointer;
}


a {
    color: var(--text);
    text-decoration: none;
}


.lucent-component {
    position: relative;
}