.text-xxl {
    font-size: calc(var(--font-size-base) * 2.35);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-tight);
    line-height: 1.15;
}

.text-xl {
    font-size: calc(var(--font-size-base) * 1.85);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-tight);
    line-height: 1.2;
}

.text-lg {
    font-size: calc(var(--font-size-base) * 1.45);
    font-weight: var(--font-weight-semibold);
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.text-md {
    font-size: calc(var(--font-size-base) * 1.2);
    font-weight: var(--font-weight-semibold);
    line-height: 1.35;
}

.text-sm {
    font-size: calc(var(--font-size-base) * 1.05);
    line-height: 1.45;
}

.text-xs {
    font-size: calc(var(--font-size-base) * 0.87);
    line-height: 1.4;
}

.text-muted {
    color: var(--text-color-muted);
}

.bold {
    font-weight: var(--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;
}