:root {
    --x-small: 8px;
    --text-smaller: 10px;
    --text-small: 12px;
    --text-normal: 14px;
    --text-medium: 16px;
    --text-large-medium: 18px;
    --text-large: 20px;
}

/* 크기별 텍스트 스타일 */

.text-x-small {
    font-size: var(--x-small);
}

.text-smaller {
    font-size: var(--text-smaller);
}

.text-small {
    font-size: var(--text-small);
}

.text-normal {
    font-size: var(--text-normal);
}

.text-medium {
    font-size: var(--text-medium);
}

.text-large-medium {
    font-size: var(--text-large-medium);
}

.text-large {
    font-size: var(--text-large);
}

/* 강조 스타일 */
.text-bold {
    font-weight: bold;
}

.text-italic {
    font-style: italic;
}

.text-uppercase {
    text-transform: uppercase;
}