/* Parameters */
@import "./params.css";

/* Components */
@import "./components/nav.css";
@import "./components/logo.css";
@import "./components/alert.css";
@import "./components/form.css";
@import "./components/input.css";
@import "./components/textarea.css";
@import "./components/checkbox.css";
@import "./components/radiobutton.css";
@import "./components/button.css";
@import "./components/card.css";
@import "./components/collapsible.css";
@import "./components/accordion.css";
@import "./components/floating-widget.css";
@import "./components/slider.css";
@import "./components/modal.css";
@import "./components/heading.css";
@import "./components/link.css";
@import "./components/label.css";

html:where([data-gui-theme]) {
  font-family: var(--gui-font-family);
  font-size: var(--gui-font-size);
  font-weight: var(--gui-font-weight);
  line-height: var(--gui-line-height);
  color: var(--gui-text-color);
}

[data-gui-theme] body {
  background-color: var(--gui-bg-color);
}
