@import url("/app/plugins/css/default.css");
@import url("/app/plugins/css/style.css");
@import url("/app/plugins/css/normalize.css");
@import url("/tpl/default/css/style/template.css");

@font-face {
    font-family: 'AvertaRegular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/AvertaRegular.woff2") format('truetype');
}

:root {
    --primary-color: #9ACD32;
    --primary-color-hover: #5E8510;
    --primary-color-text: #e8e8e8;
    --text-color: #1D1F1D;
    --text-font: "AvertaRegular", "Arial", sans-serif;
    --link-color: #2A2A2A;
    --link-color-hover: #3A3A3A;
    --button-color: #61AD36;
    --button-color-hover: #314C51;
    --button-color-text: #FFFFFF;
    --success-bg: rgba(237 247 237 / 10%);
    --success-color: #0AAF60;
    --success-color-hover: #088A4C;
    --success-color-text: #FFFFFF;
    --danger-bg: rgba(248 129 120 / 10%);
    --danger-color: #F44336;
    --danger-color-hover: #E31B0C;
    --danger-color-text: #FFFFFF;
    --info-bg: rgba(255 206 89 / 10%);
    --info-color: #F2A646;
    --info-color-hover: #D39500;
    --info-color-text: #FFFFFF;
    --dark-bg: rgba(52 58 64 / 10%);
    --dark-color: #343A40;
    --dark-color-hover: #111D2A;
    --dark-color-text: rgba(255 255 255 / 55%);
    --gray-bg: rgba(52 58 64 / 10%);
    --gray-light: #E5E5E5;
    --gray-color: #878787;
    --gray-color-hover: #656565;
    --gray-color-text: rgba(255 255 255 / 75%);
    --light-shadow: 0px 0px 50px rgb(42 89 152 / 5%);
    --medium-shadow: 0px 0px 50px rgb(42 89 152 / 15%);
    --bg-color: #FFFFFF;
    --bg-color-hover: #EBE8FE;
    --body: #F9FAFE;
    --bg-box: rgba(255 255 255 / 95%);
    --border: #e5e5e5;
    --border-white: #F9F9f9;
    --menu: #F9FAFE;
    --text: #2A2A2A;
    --wrapper: rgba(249 250 254 /90%);
}