:root {

    /* general defaults */
    --default-modal-overlay-background-color: #00000066;
    --default-circle-border-radius: 50rem;

    --default-h1-color: #555;
    --default-h2-color: #555;
    --default-h3-color: #555;
    --default-h4-color: #555;
    --default-h5-color: #555;

    --default-h1-background-color: transparent;
    --default-h2-background-color: transparent;
    --default-h3-background-color: transparent;
    --default-h4-background-color: transparent;
    --default-h5-background-color: transparent;

    --default-button-display: inline-flex;
    --default-button-position: relative;
    --default-button-font-family: "Arial", Helvetica, san-serif;
    --default-button-font-size: 1em;
    --default-button-font-weight: 700;
    --default-button-line-height: normal;
    --default-button-text-transform: uppercase;
    --default-button-text-decoration: none;
    --default-button-letter-spacing: 0.125em;
    --default-button-color: #ffffff;
    --default-button-background-color: #0089cf;
    --default-button-hover-background-color: #243a82;
    --default-button-border-style: solid;
    --default-button-border-width: 0px;
    --default-button-border-color: #5b9bd5;
    --default-button-border-radius: 0;

    --default-button-transition-duration: 300ms;


    /* font defaults */
    --default-font-family: 'Arial', Helvetica, sans-serif;
    --default-font-color: #777;
    --default-font-weight: normal;
    --default-font-style: normal;

    --default-show-display: block;

    --default-border-border-color: #ccc;

    --default-rule-top-border-color: #ccc;
    --default-rule-bottom-border-color: #ccc;
    --default-rule-left-border-color: #ccc;
    --default-rule-right-border-color: #ccc;

    --default-z-index: 1000;


     /* form defaults */
     --default-form-font-family: 'Arial', Helvetica, sans-serif;
     --default-form-font-size: 1em;
     --default-form-font-color: #444;
     --default-form-font-weight: normal;
     --default-form-font-style: normal;

     --default-placeholder-padding: 0em 0em 0em 0.5em;
     --default-placeholder-font-family: 'Arial', Helvetica, sans-serif;
     --default-placeholder-font-size: 1em;
     --default-placeholder-font-color: #aaa;
     --default-placeholder-font-weight: normal;
     --default-placeholder-font-style: normal;

    /* generic input styling -- applies to all input types */
     --default-input-border-width: 1px;
     --default-input-border-color: #888;
     --default-input-border-style: solid;
     --default-input-border-radius: 0px;
     --default-input-font-family: 'Arial', Helvetica, sans-serif;
     --default-input-font-size: 1em;
     --default-input-font-color: #444;
     --default-input-font-weight: normal;
     --default-input-font-style: normal;

     --default-input-focus-background-color: rgb(228, 243, 250);
     --default-input-focus-outline-style: solid;
     --default-input-focus-outline-width: 1px;
     --default-input-focus-outline-color: #888;

    /* specific input styling */
     --default-input-text-border-width: 1px;
     --default-input-text-border-color: #888;
     --default-input-text-border-style: solid;
     --default-input-text-border-radius: 0px;
     --default-input-text-font-family: 'Arial', Helvetica, sans-serif;
     --default-input-text-font-size: 1em;
     --default-input-text-font-color: #444;
     --default-input-text-font-weight: normal;
     --default-input-text-font-style: normal;

     --default-input-text-padding: 0.5em 0.25em;

     --default-input-text-focus-background-color: rgb(228, 243, 250);
     --default-input-text-focus-outline-style: solid;
     --default-input-text-focus-outline-width: 1px;
     --default-input-text-focus-outline-color: #888;

     --default-input-password-border-width: 1px;
     --default-input-password-border-color: #888;
     --default-input-password-border-style: solid;
     --default-input-password-border-radius: 0px;
     --default-input-password-font-family: 'Arial', Helvetica, sans-serif;
     --default-input-password-font-size: 1em;
     --default-input-password-font-color: #444;
     --default-input-password-font-weight: normal;
     --default-input-password-font-style: normal;

     --default-input-password-focus-background-color: rgb(228, 243, 250);
     --default-input-password-focus-outline-style: solid;
     --default-input-password-focus-outline-width: 1px;
     --default-input-password-focus-outline-color: #888;

     --default-input-radio-border-width: 1px;
     --default-input-radio-border-color: #888;
     --default-input-radio-border-style: solid;
     --default-input-radio-border-radius: 0px;
     --default-input-radio-font-family: 'Arial', Helvetica, sans-serif;
     --default-input-radio-font-size: 1em;
     --default-input-radio-font-color: #444;
     --default-input-radio-font-weight: normal;
     --default-input-radio-font-style: normal;

     --default-input-radio-focus-background-color: rgb(228, 243, 250);
     --default-input-radio-focus-outline-style: solid;
     --default-input-radio-focus-outline-width: 1px;
     --default-input-radio-focus-outline-color: #888;

     --default-input-checkbox-border-width: 1px;
     --default-input-checkbox-border-color: #888;
     --default-input-checkbox-border-style: solid;
     --default-input-checkbox-border-radius: 0px;
     --default-input-checkbox-font-family: 'Arial', Helvetica, sans-serif;
     --default-input-checkbox-font-size: 1em;
     --default-input-checkbox-font-color: #444;
     --default-input-checkbox-font-weight: normal;
     --default-input-checkbox-font-style: normal;

     --default-input-checkbox-focus-background-color: rgb(228, 243, 250);
     --default-input-checkbox-focus-outline-style: solid;
     --default-input-checkbox-focus-outline-width: 1px;
     --default-input-checkbox-focus-outline-color: #888;

     --default-input-select-border-width: 1px;
     --default-input-select-border-color: #888;
     --default-input-select-border-style: solid;
     --default-input-select-border-radius: 0px;
     --default-input-select-font-family: 'Arial', Helvetica, sans-serif;
     --default-input-select-font-size: 1em;
     --default-input-select-font-color: #444;
     --default-input-select-font-weight: normal;
     --default-input-select-font-style: normal;

     --default-input-select-focus-background-color: rgb(228, 243, 250);
     --default-input-select-focus-outline-style: solid;
     --default-input-select-focus-outline-width: 1px;
     --default-input-select-focus-outline-color: #888;

     --default-input-padding: 0.5em 0.25em;
     --default-input-sizing-factor: 2;

     --default-form-section-background-color: rgb(243, 243, 243);
     --default-form-section-border-width: 2px;
     --default-form-section-border-color: rgb(214, 214, 214);
     --default-form-section-border-style: solid;
     --default-form-section-border-radius: 0px;

     --default-form-input-group-padding: 0.5em 0em;

     --default-form-input-gap: 0em 0.5em;
     --default-form-input-gap-for-small-down: 0.125em 0.125em;
     --default-form-input-gap-for-medium-down: 0.5em 0.5em;


     /* notifier defaults */
     --default-notifier-strip-font-color: #fff;
     --default-notifier-strip-background-color: #db1dac;
     --default-notifier-strip-button-font-color: #db1dac;
     --default-notifier-strip-button-background-color: #fff;

     --default-notifier-block-font-color: #fff;
     --default-notifier-block-background-color: #db1dac;
     --default-notifier-block-button-font-color: #db1dac;
     --default-notifier-block-button-background-color: #fff;

     --default-notifier-feature-font-color: #fff;
     --default-notifier-feature-background-color: #db1dac;
     --default-notifier-feature-button-font-color: #db1dac;
     --default-notifier-feature-button-background-color: #fff;

     --default-notifier-badge-font-color: #fff;
     --default-notifier-badge-background-color: #db1dac;

    /* progressbar defaults */
    --default-progressbar-top-offset: 6rem;
    --default-progressbar-left-offset: 9rem;
    --default-progressbar-z-index: 2;
    --default-progressbar-width: 250px;
    --default-progressbar-min-width: 250px;
    --default-progressbar-max-width: 250px;
    --default-progressbar-height: 2rem;
    --default-progressbar-padding: 0.5rem;
    --default-progressbar-background-color: #ff00bf;
    --default-progressbar-meter-color: rgb(255, 255, 255);
    --default-progressbar-meter-animation-direction: normal;
    --default-progressbar-meter-animation-duration: 2s;
    --default-progressbar-meter-animation-delay: 0.1s;
    --default-progressbar-meter-animation-content: '\25AE';
    --default-progressbar-meter-font-size: 1.75rem;
    --default-progressbar-meter-letter-spacing: -6px;

    --default-progressbar-tiny-top-offset: 4rem;
    --default-progressbar-tiny-left-offset: 10rem;
    --default-progressbar-tiny-z-index: 2;
    --default-progressbar-tiny-width: 75px;
    --default-progressbar-tiny-min-width: 75px;
    --default-progressbar-tiny-max-width: 75px;
    --default-progressbar-tiny-height: 2rem;
    --default-progressbar-tiny-padding: 0rem;
    --default-progressbar-tiny-background-color: transparent;
    --default-progressbar-tiny-meter-color: rgb(0, 0, 0);
    --default-progressbar-tiny-meter-animation-direction: normal;
    --default-progressbar-tiny-meter-animation-duration: 1.0s;
    --default-progressbar-tiny-meter-animation-delay: 0.1s;
    --default-progressbar-tiny-meter-animation-content: '\25CF';
    --default-progressbar-tiny-meter-font-size: 1rem;
    --default-progressbar-tiny-meter-letter-spacing: 5px;

    /* tracker defaults */
    --default-tracker-top-offset: 4rem;
    --default-tracker-left-offset: 10rem;
    --default-tracker-z-index: 2;
    --default-tracker-width: 75px;
    --default-tracker-height: 2rem;
    --default-tracker-padding: 0rem;
    --default-tracker-background-color: transparent;
    --default-tracker-font-size: 1rem;
    --default-tracker-mark-background-color: #aaa;
    --default-tracker-mark-animation-direction: normal;
    --default-tracker-mark-animation-duration: 1.0s;
    --default-tracker-mark-animation-delay: 0.1s;

    /* animation defaults */
    --default-bounce-x-start: 30px;
    --default-bounce-y-start: 30px;
}