body {
    background-color: #1A202C; /* Цвет фона */
}

.bg-auth {
	background-color: #2D3748;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: white;
}

label {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: white;
}

small, .small {
    font-size: 0.875em;
    color: white;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
    color: white;
}

.align-items-center {
    align-items: center !important;
    color: white;
}

.fw-bold {
    font-weight: 500 !important;
    color: white;
}

.fw-normal {
    font-weight: 400 !important;
    color: white;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #475569; /* Светлее цвет фона для выключенных элементов в темной теме */
    color: #9ea2a5; /* Светлее цвет текста для выключенных элементов в темной теме */
}

/* Основные стили элементов .form-control для темной темы */
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff; /* Цвет текста для основного состояния в темной теме */
    background-color: #455A6F; /* Светлее цвет фона для основного состояния в темной теме */
    background-clip: padding-box;
    border: 0.0625rem solid #2C3E50; /* Цвет рамки в темной теме */
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); /* Тень в темной теме */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::placeholder {
    color: #a7a7a7; /* Установка белого цвета для placeholder в темной теме */
}

.form-control:focus {
    background: #455A6F;
    color: #E2E8F0;
  }