@import "~primereact/resources/primereact.min.css";
@import "~primeicons/primeicons.css";
@import "~primeflex/primeflex.scss";

@import "./styles/_layouts.scss";

@import "./components/Avatar/style.scss";
@import "./components/Badge/style.scss";
@import "./components/BreadCrumb/style.scss";
@import "./components/Button/style.scss";
@import "./components/Chips/style.scss";
@import "./components/DatePicker/style.scss";
@import "./components/DataTable/style.scss";
@import "./components/Dropdown/style.scss";
@import "./components/InputText/style.scss";
@import "./components/Message/style.scss";
@import "./components/MultiSelect/style.scss";
@import "./components/Pagination/style.scss";
@import "./components/PanelMenu/style.scss";
@import "./components/ScrollTop/style.scss";
@import "./components/TabView/style.scss";
@import "./components/Tag/style.scss";
@import "./components/TieredMenu/style.scss";
@import "./components/Toast/style.scss";

.gap-1 { gap: $spacer * .25 !important; }

.gap-2 { gap: $spacer * .5 !important; }

.gap-3 { gap: $spacer * 1 !important; }

.gap-4 { gap: $spacer * 1.5 !important; }

.gap-5 { gap: $spacer * 2 !important; }

.gap-6 { gap: $spacer * 3 !important; }

.p-component,
.p-inputtext,
.p-button,
.p-datatable,
.p-multiselect,
.p-dropdown {
  font-family: "Source Sans Pro", sans-serif;
}

/* values colors */

.negative {
  color: var(--red);
}

.neutral {
  color: var(--dark);
}

.positive {
  color: var(--green);
}