:root {
    --brand-primary: #fecb2a;
    --brand-background: #1f2937;
    --brand-surface: #111827;
    --brand-text: #d1d5db;
}

html {
    scrollbar-color: var(--brand-primary) var(--brand-surface) !important;
}

body,
.bg-gray-800 {
    background-color: var(--brand-background) !important;
}

nav,
footer,
.bg-gray-900 {
    background-color: var(--brand-surface) !important;
}

.text-gray-300 {
    color: var(--brand-text) !important;
}

.green-bg,
.logo-bg-color {
    background-color: var(--brand-primary) !important;
    /* Fest dunkle statt geerbter heller Schrift - eine helle/gesättigte Akzentfarbe (typisch für
       einen Button-Hintergrund) liest sich mit dunklem Text zuverlässig besser als mit Weiß. */
    color: var(--brand-background) !important;
}

.playercount-textcolor,
.green-text,
.card .green-text {
    color: var(--brand-primary) !important;
}