/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
    color: var(--xyx-text-color);
    font-weight: 600;
    margin-bottom: var(--xyx-spacing-lg);
}

h1 {
    font-size: var(--xyx-font-size-3xl);
    line-height: var(--xyx-line-height-sm);
}

h2 {
    font-size: var(--xyx-font-size-2xl);
}

h3 {
    font-size: var(--xyx-font-size-xl);
}

/* 文本样式 */
p {
    margin-bottom: var(--xyx-spacing-lg);
    color: var(--xyx-text-color-light);
    line-height: var(--xyx-line-height-md);
}

/* 文本颜色 */
.text-color-success, .text-success {
    color: var(--xyx-success-color) !important;
}

.text-color-warning, .text-warning {
    color: var(--xyx-warning-color) !important;
}

.text-color-danger, .text-danger {
    color: var(--xyx-danger-color) !important;
}

.text-color-primary, .text-primary {
    color: var(--xyx-accent-color) !important;
}

.text-color-gray, .text-muted {
    color: var(--xyx-text-color-light) !important;
}

.text-color-info, .text-info {
    color: var(--xyx-info-color) !important;
}

/* 对齐方式 */
.text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

/* 间距 */
.mb-10, .m-b-small {
    margin-bottom: var(--xyx-spacing-sm) !important;
}

.mb-20, .m-b {
    margin-bottom: var(--xyx-spacing-lg) !important;
}

.mb-30, .m-b-large {
    margin-bottom: var(--xyx-spacing-xl) !important;
}

.mt-10, .m-t-small {
    margin-top: var(--xyx-spacing-sm) !important;
}

.mt-20, .m-t {
    margin-top: var(--xyx-spacing-lg) !important;
}

.mt-30, .m-t-large {
    margin-top: var(--xyx-spacing-xl) !important;
}

/* 内边距 */
.p-t {
    padding-top: var(--xyx-spacing-lg) !important;
}

.p-b {
    padding-bottom: var(--xyx-spacing-lg) !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
}