@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@300;400;500;700&display=swap');

@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

html, body {
  /* Убираем «джамп» при скрытии скроллбара — оставляем технически скролл, но скрываем его */
  overflow-y: scroll; 
  font-family: "Sofia Sans Condensed", sans-serif;
}

/* WebKit (Chrome, Safari, Opera) */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

/* Firefox */
html {
  scrollbar-width: none;
}

/* IE/Edge */
html {
  -ms-overflow-style: none;
}

body {
  
}

/* Скрываем стрелочки у input[type=number] */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  appearance: textfield;
  -moz-appearance: textfield;
}

/* Скрываем надпись «файл не выбран» и название файла */
input[type="file"] {
  color: transparent;            /* сам путь/имя файла и надписи станут прозрачными */
  position: relative;
  z-index: 1;
}

/* Стилизуем кнопку «Выбрать файл» отдельно (псевдо-элемент, у разных браузеров он может называться по-разному) */
input[type="file"]::file-selector-button {
  color: #e5e7eb;                /* текст кнопки (gray-200) */
  background-color: #374151;     /* фон кнопки (gray-700) */
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;       /* rounded-md */
  cursor: pointer;
}

/* Для старых версий IE/Edge: */
input[type="file"]::-ms-browse {
  color: #e5e7eb;
  background-color: #374151;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  cursor: pointer;
}