.text-xxl {
    font-size: calc(var(--font-size-base) * 2.4); /* 4 */
    line-height: 1;
}

.text-xl {
    font-size: calc(var(--font-size-base) * 2); /* 3 */
    line-height: 1;
}

.text-lg {
    font-size: calc(var(--font-size-base) * 1.6); /* 2 */
}

.text-md {
    font-size: calc(var(--font-size-base) * 1.4); /* 1.5 */
}

.text-sm {
    font-size: calc(var(--font-size-base) * 1.2); /* 1.25 */
}

.text-xs {
    font-size: calc(var(--font-size-base) - 1px);
}

.bold { font-weight: bold; }

.primary { color: var(--color-primary); }

.complementary { color: var(--color-complementary); }

.white { color: white; }

.gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, var(--color-primary), var(--color-complementary));
    background-clip: text;
    color: transparent;
}