:root {
	--bbcode-colour-red: #b42318;
	--bbcode-colour-yellow: #765d00;
	--bbcode-colour-orange: #a33a00;
	--bbcode-colour-green: #247a31;
	--bbcode-colour-teal: #08756f;
	--bbcode-colour-blue: #175cd3;
	--bbcode-colour-purple: #6938b8;
	--bbcode-colour-pink: #c11574;
	--bbcode-colour-black: #101828;
	--bbcode-colour-white: #667085;
	--bbcode-colour-grey: #475467;
}

:root[data-theme="dark"] {
	--bbcode-colour-red: #f97066;
	--bbcode-colour-yellow: #f5d90a;
	--bbcode-colour-orange: #fb923c;
	--bbcode-colour-green: #75e08a;
	--bbcode-colour-teal: #5eead4;
	--bbcode-colour-blue: #84adff;
	--bbcode-colour-purple: #c4b5fd;
	--bbcode-colour-pink: #f9a8d4;
	--bbcode-colour-black: #98a2b3;
	--bbcode-colour-white: #ffffff;
	--bbcode-colour-grey: #d0d5dd;
}

.bbcode-underline { text-decoration: underline; }
.bbcode-align { display: block; }
.bbcode-centre { text-align: center; }
.bbcode-left { text-align: left; }
.bbcode-right { text-align: right; }

.bbcode-size-small { font-size: 0.8em; }
.bbcode-size-normal { font-size: 1em; }
.bbcode-size-big { font-size: 1.25em; }
.bbcode-size-huge { font-size: 1.6em; }

.bbcode-colour-red { color: var(--bbcode-colour-red); }
.bbcode-colour-yellow { color: var(--bbcode-colour-yellow); }
.bbcode-colour-orange { color: var(--bbcode-colour-orange); }
.bbcode-colour-green { color: var(--bbcode-colour-green); }
.bbcode-colour-teal { color: var(--bbcode-colour-teal); }
.bbcode-colour-blue { color: var(--bbcode-colour-blue); }
.bbcode-colour-purple { color: var(--bbcode-colour-purple); }
.bbcode-colour-pink { color: var(--bbcode-colour-pink); }
.bbcode-colour-black { color: var(--bbcode-colour-black); }
.bbcode-colour-white { color: var(--bbcode-colour-white); }
.bbcode-colour-grey { color: var(--bbcode-colour-grey); }