:root {

    --cassiopeia-color-primary: #006699;
    --cassiopeia-color-hover: #eaab47;
}

/* Der Seitenkopf von Cassiopeia hat die Klasse "header" du steuerst diese also mit .header an */
.header {
    background: var(--cassiopeia-color-primary);
}

/* Der Seitenfuß von Cassiopeia hat die Klasse "footer" du steuerst diese also mit .footer an */
.footer {
    background: var(--cassiopeia-color-primary);
}