.theme--negative .text {
    color: var(--default-white)
}

.theme--negative .text a {
    color: var(--default-white)
}

.theme--negative .text a:hover {
    color: var(--grey-5)
}

.theme--negative .text a:active {
    color: var(--grey-4)
}

.theme--negative .text a:disabled, .theme--negative .text a[aria-disabled] {
    color: rgba(var(--default-white), 0.4)
}

.text--large {
    font-size: var(--font-size-2xs);
    line-height: var(--line-height-2xs);
    letter-spacing: var(--letter-spacing-2xs)
}

.text--medium {
    font-size: var(--font-size-4xs);
    line-height: var(--line-height-4xs);
    letter-spacing: var(--letter-spacing-4xs)
}

.text--small {
    font-size: var(--font-size-5xs);
    line-height: var(--line-height-4xs);
    letter-spacing: var(--letter-spacing-m)
}

.text--negative {
    color: var(--negative)
}