:root {

    --zpl-green: #228B4E;
    --zpl-orange: #F08136;
    --zpl-red: #DF3539;
    --zpl-yellow: #FFC52C;
    --zpl-ink: #111827;

    --primary-color: #228B4E;

    --secondary-color: #F08136;



    /* You can create other theme variables based on the primary ones */

    --header-bg: var(--primary-color);

    --header-text-color: #ffffff;

    --link-color: var(--secondary-color);

    --link-hover-color: var(--primary-color);

    --button-bg-color: var(--secondary-color);

}