:root {
    /* generated from https://materialtheme.arcsine.dev */
    --primary-color: #b82d2d;
    --light-primary-color: #eac0c0;
    --dark-primary-color: #a01c1c;

    /*
     * The default behavior in PrimeFaces is to dark a button on mouse over.
     * Determine by using the default skin from the primary color #2196f3 to #0d89ec is exactly 10% brighness.
     * This can be reproduced by using pages like https://mdigi.tools/darken-color/#2196f3 and darken by 10%.
     */
    --hovered-primary-color: #a62929;

    /* Try with 11% darken */
    --active-primary-color: #a42828;

    /* Portal-indepedent colors with high contrast for reading. */
    --text-color: #000000;
    --background-color: #fafafa;
}