Colors

From the voraus style guide. Three primaries, available under the guide's own names:

Property	Guide name	Value
--voraus-color-violet	Violet	#E133FF
--voraus-color-blue	VI/TUR	#6A85E1
--voraus-color-turquoise	Turquoise	#00CFC6

None of the three has enough contrast to carry text on a light background. Use them for surfaces, borders and gradients.

Body links use a darkened Violet (#C800EB in light mode, #E133FF in dark) because links are text and the brand value falls below WCAG AA on white.

Gradients

The guide defines three, and they are not interchangeable:

Property	Guide name	Reserved for
--voraus-gradient-full	FULL GRADIENT	The logo and other significant elements
--voraus-gradient-vi	VI/ GRADIENT	Graphical elements
--voraus-gradient-tur	/TUR GRADIENT	Graphical elements

If you are decorating something, use one of the last two:

.my-callout {
  border-image: var(--voraus-gradient-tur) 1;
}

The theme uses the full gradient in exactly one place: the rule under the navbar.

Signal colors

The guide's four, wired into Docusaurus admonitions. See Writing content for how to use them.

Admonition	Value
:::danger	#DA3939
:::warning	#F38A2B
:::tip	#0BB570
:::info	#72AFCD

These are the published brand values. Three of them fall below the contrast WCAG asks of a non-text indicator on white, a deliberate choice in favor of the brand. The text inside an admonition is unaffected, since its contrast is measured against the tinted box.

Secondary palette

Nine more colors are available for site use:

--voraus-color-vi-tur-dark: #38416c;
--voraus-color-vi-tur-blue: #4a568f;
--voraus-color-vi-tur-grey: #7d8bbc;
--voraus-color-vi-tur-bright: #ebefff;
--voraus-color-grey-blue-dark: #323c46;
--voraus-color-grey-blue-bright: #7a8490;
--voraus-color-grey: #c9cdd1;
--voraus-color-beige: #e8e8e8;
--voraus-color-bright: #f7f7f7;

They are not wired into Docusaurus' own greys, so using one is always a deliberate choice.