.ground { background: var(--ground-color); }

.bg-inherit { background-color: inherit; }
.bg-primary { background-color: var(--primary-color); }
.bg-secondary { background-color: var(--primary-text-color); }
.bg-white { background-color: #fff; }
.bg-purple { background-color: var(--primary-text-color); }
.bg-error { background-color: var(--error-color); }
.hover\:bg-primary:hover { background-color: var(--primary-color); }
.hover\:bg-secondary:hover { background-color: var(--secondary-color); }

.color-primary { color: var(--primary-color); }
.color-secondary { color: var(--primary-text-color); }
.hover\:color-primary:hover { color: var(--primary-color); }
.hover\:color-secondary:hover { color: var(--secondary-color); }

.white { color: #ffffff; }
.black { color: #000000; }