.input-text,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--color-gray-300);
    border-radius: 4px;
    font-size: 16px;
    font-family: inherit;
    color: var(--color-text-primary);
    background-color: white;
    transition: border-color 0.3s;
}

.input-text:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
    outline: none;
    border-color: var(--color-primary);
}

.input-select,
select {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--color-gray-300);
    border-radius: 4px;
    font-size: 16px;
    font-family: inherit;
    color: var(--color-text-primary);
    background-color: white;
    transition: border-color 0.3s;
    cursor: pointer;
}

.input-select:focus,
select:focus {
    outline: none;
    border-color: var(--color-primary);
}

.input-radio,
input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--color-primary);
}

.input-checkbox,
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--color-primary);
}