/* components */
@import url("../scripts/components/BackBtn/BackBtn.css");
@import url("../scripts/components/DialogBox/DialogBox.css");
@import url("../scripts/components/EditableText/EditableText.css");
@import url("../scripts/components/FerrisWheel/FerrisWheel.css");
@import url("../scripts/components/FoodInput/FoodInput.css");
@import url("../scripts/components/GravityBox/GravityBox.css");
@import url("../scripts/components/IconButton/IconButton.css");
@import url("../scripts/components/Input/Input.css");
@import url("../scripts/components/LoadingInfo/LoadingInfo.css");
@import url("../scripts/components/Page/Page.css");
@import url("../scripts/components/PasswordInput/PasswordInput.css");
@import url("../scripts/components/ProgressBar/ProgressBar.css");
@import url("../scripts/components/RankingBox/RankingBox.css");
@import url("../scripts/components/Toast/Toast.css");
@import url("../scripts/components/ToggleSection/ToggleSection.css");
/* screens */
/* screens: Logged */
@import url("../scripts/screens/Logged/Activity/Activity.css");

@import url("../scripts/screens/Logged/Food/Food.css");

@import url("../scripts/screens/Logged/Home/Home.css");
@import url("../scripts/screens/Logged/Home/Calendar/Calendar.css");
@import url("../scripts//screens/Logged/Home/Dashboard/Dashboard.css");

@import url("../scripts/screens/Logged/Info/Info.css");

@import url("../scripts/screens/Logged/MealAdd/MealAdd.css");
@import url("../scripts/screens/Logged/MealDetail/MealDetail.css");
@import url("../scripts/screens/Logged/RecipeAdd/RecipeAdd.css");

@import url("../scripts/screens/Logged/Personal/Personal.css");
@import url("../scripts/screens/Logged/Purchase/Purchase.css");
@import url("../scripts/screens/Logged/Settings/Settings.css");
@import url("../scripts/screens/Logged/Water/Water.css");
/* screens: Starting */
@import url("../scripts/screens/Starting/Access/Access.css");
@import url("../scripts/screens/Starting/Intro/Intro.css");
@import url("../scripts/screens/Starting/Loading/Loading.css");

/* html components */
/* html components: custom */
@import url("./components/custom/button-area.css");
@import url("./components/custom/content.css");
@import url("./components/custom/drop-menu.css");
@import url("./components/custom/fade.css");
@import url("./components/custom/flex-box.css");
@import url("./components/custom/google-btn.css");
@import url("./components/custom/hidden.css");
@import url("./components/custom/icons-area.css");
@import url("./components/custom/limit.css");
@import url("./components/custom/list-box.css");
/* html components: native */
@import url("./components/native/body.css");
@import url("./components/native/button.css");
@import url("./components/native/form.css");
@import url("./components/native/head.css");
@import url("./components/native/header.css");
@import url("./components/native/input.css");
@import url("./components/native/list-item.css");
@import url("./components/native/scrollbar.css");
@import url("./components/native/span.css");
@import url("./components/native/textarea.css");
@import url("./components/native/texts.css");

:root {
  --body-color: #232e1e;
  --primary-color: #b5ec9b;
  --header-color: #ace292;
  --list-box-color: #bbf2a1;
  --max-screen-width: 900px;
  --border: 2px solid #00000055;
  --border-radius: 15px;
  --box-shadow: 0 0 10px 1px #01301c20;

  --container-padding: 30px;
  --content-padding: 15px;
  --list-gap: 8px;
  --line-height: 35px; /* usar em itens com barra de progresso inputs e botões */

  --progress-cointainer-color: #fff2;
  --progress-bar-neutral-color: #85c47caa;
  --progress-bar-negative-color: #6b303faa;
  --progress-bar-positive-color: #306b3faa;

  --neutral-color: #fff;
  --confirm-color: #306b3f;
  --warn-color: #ac5c00;
  --deny-color: #6b303f;
}

* {
  user-select: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #1f1f1f;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}