:root {


    /* literals, no substitution needed */

    --event-theme-header-font: "event-theme-header-font", "Red Hat Display", sans-serif;
    --event-theme-sub-header-font: "event-theme-sub-header-font", "Red Hat Display", sans-serif;
    --event-theme-body-font: "event-theme-body-font", "Red Hat Text", sans-serif;
    --event-theme-button-font: "event-theme-button-font", "Red Hat Text", sans-serif;

    --event-default-background-color: #ffffff;
    --event-default-header-color: #000000;
    --event-default-sub-header-color: #000000;
    --event-default-body-color: #000000; 

    --event-default-link-color: #0a0aff;
    --event-default-link-interact-color: #0a0aff;

    --event-default-primary-button-background-color: #000000;
    --event-default-primary-button-text-color: #ffffff;
    --event-default-primary-button-interact-background-color: #222222;
    --event-default-primary-button-interact-text-color: #ffffff;

    --event-default-secondary-button-background-color: #EDEDED;
    --event-default-secondary-button-text-color: #000000;
    --event-default-secondary-button-interact-background-color: #e9e9e9;
    --event-default-secondary-button-interact-text-color: #000000;

    /* literals, no substitution needed */


    /* logo and bg color */
    --event-theme-background-color: #ffffff;
    /* logo and bg color */


    /* text colors */
    --event-theme-header-color: #000000;
    --event-theme-sub-header-color: #000000;
    --event-theme-body-color: #000000;
    /* text colors */


    /* link colors */
    --event-theme-link-color: #0a0aff;
    --event-theme-link-interact-color: #0a0aff;
    /* link colors */


    /* primary button colors */
    --event-theme-primary-button-background-color: #000000;
    --event-theme-primary-button-text-color: #ffffff;
    --event-theme-primary-button-interact-background-color: #222222;
    --event-theme-primary-button-interact-text-color: #ffffff;
    /* primary button colors */


    /* secondary button colors */
    --event-theme-secondary-button-background-color: #EDEDED;
    --event-theme-secondary-button-text-color: #000000;
    --event-theme-secondary-button-interact-background-color: #e9e9e9;
    --event-theme-secondary-button-interact-text-color: #000000;
    /* secondary button colors */

    /* primary button border radius  */
    --event-theme-primary-button-border-rounded-corner-value: 50px;
    /* primary button border radius  */

    /* secondary button border radius  */
    --event-theme-secondary-button-border-rounded-corner-value: 50px;
    /* secondary button border radius  */
}