:root {
    /* imperial theme */
    --text-color: #4d4d4d;

    /* Default button colour */
    --button-color:#336699;
    --button-text-color:#f7f7f7;

    --button-color-hover:#003366;
    --button-text-color-hover:#fff;

    /* Secondary colours */
    --button-secondary-color:#fff;
    --button-secondary-text-color:#666;;

    --button-secondary-color-hover:#f7f7f7;
    --button-secondary-text-color-hover:#666;

    /* ACTION button colours */
    --button-confirm-color:#fff;
    --button-confirm-text-color:#666;;

    --button-confirm-color-hover:#fff;
    --button-confirm-text-color-hover:#666;


   /* Link colors */
    --link-color: #003E74;
    --link-color-hover: #0287b0;


    --bulma-color-info: #006EAF;

    





    --grey: #b0b0b0;

    --success: green;
    --alert: orange;
    --fail: red;



    --orange-back:orange;
    --blue-back:#336699;
    --green-back:green;
    --red-back:red;
    --grey-back:#666;
    --orange-back:orange;

    /* The main PINK colour */
    --pink:#c81e78;
}

html[data-theme='light'] {
    --header-color: #fff;
    --header-text-color: #000;
}

html[data-theme='dark'] {
    --background-color: #212a2e;
    --text-color: #F7F8F8;
}