/* ==========================================
   UTILITIES
========================================== */

/* Text alignment */

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

.ss-text-center {
	text-align: center;
}

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


/* Text colours */

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

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

.ss-text-accent {
	color: var(--ss-accent);
}

.ss-text-light {
	color: var(--ss-text-light);
}


/* Backgrounds */

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

.ss-bg-primary {
	background: var(--ss-primary);
	color: #ffffff;
}

.ss-bg-secondary {
	background: var(--ss-secondary);
	color: #ffffff;
}


/* Spacing */

.ss-mt-0 {
	margin-top: 0;
}

.ss-mb-0 {
	margin-bottom: 0;
}

.ss-mb-2 {
	margin-bottom: var(--ss-space-2);
}

.ss-mb-4 {
	margin-bottom: var(--ss-space-4);
}

.ss-mb-5 {
	margin-bottom: var(--ss-space-5);
}

.ss-mb-6 {
	margin-bottom: var(--ss-space-6);
}


/* Display */

.ss-flex {
	display: flex;
}

.ss-inline-flex {
	display: inline-flex;
}

.ss-items-center {
	align-items: center;
}

.ss-justify-between {
	justify-content: space-between;
}

.ss-gap-2 {
	gap: var(--ss-space-2);
}

.ss-gap-4 {
	gap: var(--ss-space-4);
}


/* Visibility */

.ss-hidden {
	display: none;
}

@media (max-width: 768px) {

	.ss-hide-mobile {
		display: none;
	}

}