/**
 * NSCT Brand Colour Backgrounds
 *
 * These classes are applied to WPBakery vc_row / vc_row_inner via the
 * "NSCT Background Colour" dropdown (nsct_gradient param).
 *
 * Colours are set as CSS custom properties per site via nsct-brand-colours-config.php.
 *
 * Source of truth for the palette:
 *   framework/modules/visualcomposer/nsct-brand-colours.php
 */

/* ── Primary tints ─────────────────────────────────────────── */

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

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

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

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

.nsct-bg-primary-20 {
	background-color: var(--nsct-primary-20);
	color: #000000;
}

/* ── Secondary tints ───────────────────────────────────────── */

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

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

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

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

.nsct-bg-secondary-20 {
	background-color: var(--nsct-secondary-20);
	color: #000000;
}

/* ── Inherit text colour for all descendants ───────────────── */

.nsct-bg-primary-100 *,
.nsct-bg-primary-80 *,
.nsct-bg-primary-60 *,
.nsct-bg-primary-40 *,
.nsct-bg-primary-20 *,
.nsct-bg-secondary-100 *,
.nsct-bg-secondary-80 *,
.nsct-bg-secondary-60 *,
.nsct-bg-secondary-40 *,
.nsct-bg-secondary-20 * {
	color: inherit;
}