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

.text-secondary {
    color: var(--sys-color-secondary);
}

.text-success {
    color: var(--sys-color-success);
}

.text-warning {
    color: var(--sys-color-warning);
}

.text-danger {
    color: var(--sys-color-danger);
}

.bg-primary {
    background: var(--sys-color-primary);
}

.bg-secondary {
    background: var(--sys-color-secondary);
}

.bg-black {
    background: #000;
}

.bg-surface {
    background: var(--sys-surface);
}

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