@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@import "tailwindcss";

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

body {
  background: var(--background);
  color: var(--foreground);
  font-family: "Sofia Sans Condensed", sans-serif;
}

/* Скрываем стрелочки у 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;
}