/* ===========================
   IMPORT PROMĚNNÝCH A KOMPONENT
   =========================== */

/* Proměnné (barvy, fonty, spacing) */
@import url("./variables.css");

/* Základní layout, tlačítka, inputy, tabbar, chat bubliny atd. */
@import url("./components.css");

/* Styly pro konkrétní obrazovky (home, seznam hlídačů, profil, chat...) */
@import url("./screens.css");

/* ===========================
   GLOBAL RESET / DROBNE ÚPRAVY
   =========================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
input {
  cursor: url('point.png'), auto;
}

button,
a,
input[type="button"],
input[type="submit"],
input[type="checkbox"],
label,
.selectable,
.clickable {
  cursor: url('click.png'), pointer !important;
}

body {
  margin: 0;
  font-family: var(--font-main);
  background: var(--color-bg);
  color: var(--color-text);
}

/* Scrollbar trochu „ios friendly“ na desktopu, ať to neruší */
body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  background: transparent;
}

body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 999px;
}

/* Odkazy bez podtržení + barva textu */
a {
  color: inherit;
  text-decoration: none;
}