/* append this document globally into every html file */

:root {
    /* --theme-color is a dynamic variable that can be used everywhere. it is provided by the navigation bar component */
    /* --accent-color is a dynamic variable that can be used everywhere. it is provided by the navigation bar component */

    --navbar-background-color: #0a57fe;

    --primary-button-background-color: #0a57fe;
    --primary-button-color: #ffffff;

    --secondary-button-background-color: #4a4b4d;
    --secondary-button-color: #ffffff;
}