input[type="text"] {
    padding: var(--input-text-padding);
    border-width: var(--input-text-border-width);
    border-style: var(--input-text-border-style);
    border-color: var(--input-text-border-color);
    border-radius: var(--input-text-border-radius);
    background-color: var(--input-text-background-color);
    font-family: var(--input-text-font-family);
    font-size: var(--input-text-font-size);
    font-weight: var(--input-text-font-weight);
    line-height: var(--input-text-line-height);
    letter-spacing: var(--input-text-letter-spacing);
    text-align: var(--input-text-text-align);
    color: var(--input-text-text-color);
}

input[type="text"]:hover {
    border-width: var(--input-text-border-width--hover);
    border-style: var(--input-text-border-style--hover);
    border-color: var(--input-text-border-color--hover);
    background-color: var(--input-text-background-color--hover);
    color: var(--input-text-text-color--hover);
}

input[type="text"]:focus {
    border-width: var(--input-text-border-width--focus);
    border-style: var(--input-text-border-style--focus);
    border-color: var(--input-text-border-color--focus);
    background-color: var(--input-text-background-color--focus);
    color: var(--input-text-text-color--focus);
    outline: var(--outline);
    outline-offset: var(--outline-outset);
}

input[type="text"]::placeholder {
    color: var(--input-text-text-color--placeholder);
}


/* Textarea
-------------------------------------------- */
textarea {
    padding: var(--textarea-padding);
    border-width: var(--textarea-border-width);
    border-style: var(--textarea-border-style);
    border-color: var(--textarea-border-color);
    border-radius: var(--textarea-border-radius);
    background-color: var(--textarea-background-color);
    font-family: var(--textarea-font-family);
    font-size: var(--textarea-font-size);
    font-weight: var(--textarea-font-weight);
    line-height: var(--textarea-line-height);
    letter-spacing: var(--textarea-letter-spacing);
    text-align: var(--textarea-text-align);
    color: var(--textarea-text-color);
}

textarea:hover {
    border-width: var(--textarea-border-width--hover);
    border-style: var(--textarea-border-style--hover);
    border-color: var(--textarea-border-color--hover);
    background-color: var(--textarea-background-color--hover);
    color: var(--textarea-text-color--hover);
}

textarea:focus {
    border-width: var(--textarea-border-width--focus);
    border-style: var(--textarea-border-style--focus);
    border-color: var(--textarea-border-color--focus);
    background-color: var(--textarea-background-color--focus);
    color: var(--textarea-text-color--focus);
    outline: var(--outline);
    outline-offset: var(--outline-outset);
}