/* 使用变量的例子 */
.header {
    background-color: var(--secondary-color);
    color: var(--text-on-secondary);
}

.highlight-box {
    background: var(--gradient-primary);
    color: var(--text-on-primary);
}

.button-primary {
    background-color: var(--primary-color);
    color: var(--text-on-primary);
}

.button-secondary {
    background-color: var(--secondary-color);
    color: var(--text-on-secondary);
}