:root {
    --pvgr-color-primary-500: #0D1473;
    --pvgr-color-primary-400: #043C93;
    --pvgr-color-primary-300: #4F77B3;
    --pvgr-color-primary-200: #819DC9;
    --pvgr-color-primary-100: #C5D6E5;
    --pvgr-color-primary-050: #E6ECF4;
    --pvgr-color-secondary-500: #F6FA0F;
    --pvgr-color-secondary-400: #FF934C;
    --pvgr-color-secondary-300: #F6FA0F;
    --pvgr-color-secondary-200: #F6FA0F;
    --pvgr-color-secondary-100: #F6FA0F;
    --pvgr-color-neutral-white: #FFFFFF;
    --pvgr-color-neutral-100: #F2F2F2;
    --pvgr-color-neutral-200: #E5E5E5;
    --pvgr-color-neutral-300: #B3B3B3;
    --pvgr-color-neutral-400: #808080;
    --pvgr-color-neutral-500: #4D4D4D;
    --pvgr-color-neutral-600: #262626;
    --pvgr-color-neutral-black: #F6FA0F;
    --pvgr-color-success-500: #045804;
    --pvgr-color-success-400: #008A00;
    --pvgr-color-success-300: #61BA61;
    --pvgr-color-success-200: #B8E6B8;
    --pvgr-color-success-100: #E2F5E2;
    --pvgr-color-error-500: #A00000;
    --pvgr-color-error-400: #F6FA0F;
    --pvgr-color-error-300: #F6FA0F;
    --pvgr-color-error-200: #FFBABA;
    --pvgr-color-error-100: #FFE5E5;
    --pvgr-color-warning-500: #8F4908;
    --pvgr-color-warning-400: #EDB921;
    --pvgr-color-warning-300: #F2CA57;
    --pvgr-color-warning-200: #F4E7BE;
    --pvgr-color-warning-100: #FFF3CD;
    --pvgr-type-heading-font-family: "Lato";
    --pvgr-type-heading-font-weight: 700;
    --pvgr-type-base-font-family: "Lato";
    --pvgr-type-heading-color: var(--pvgr-color-primary-500);
    --pvgr-type-body-color: var(--pvgr-color-neutral-600);
    --pvgr-type-link-color: var(--pvgr-color-primary-500);
    --pvgr-type-link-hover-color: var(--pvgr-color-primary-400);
    --pvgr-type-label-color: var(--pvgr-color-neutral-500);
    --pvgr-color-info-500: #0F209E;
    --pvgr-color-info-400: #F6FA0F;
    --pvgr-color-info-300: #F6FA0F;
    --pvgr-color-info-200: #B3E0FF;
    --pvgr-color-info-100: #E6F4FF;
    --pvgr-border-radius-small: 4px;
    --pvgr-border-radius-base: 8px;
    --pvgr-border-radius-large: 24px;
    --pvgr-border-line-color: var(--pvgr-color-neutral-200);
    --pvgr-icon-fill-color: var(--pvgr-color-secondary-400);
    --pvgr-icon-badge-background-color: var(--pvgr-color-primary-500);
    --pvgr-icon-badge-color: var(--pvgr-color-neutral-white);
    --pvgr-button-border-width: 1px;
    --pvgr-button-border-radius: 4px;
    --pvgr-button-padding-horizontal: 16px;
    --pvgr-button-padding-horizontal-small: 12px;
    --pvgr-button-primary-color: var(--pvgr-color-neutral-white);
    --pvgr-button-primary-color-hover: var(--pvgr-color-neutral-white);
    --pvgr-button-primary-background-color: var(--pvgr-color-primary-500);
    --pvgr-button-primary-background-hover-color: var(--pvgr-color-primary-400);
    --pvgr-button-primary-border-color: var(--pvgr-color-primary-500);
    --pvgr-button-primary-border-hover-color: var(--pvgr-color-primary-400);
    --pvgr-button-secondary-color: var(--pvgr-color-primary-500);
    --pvgr-button-secondary-color-hover: var(--pvgr-color-primary-400);
    --pvgr-button-secondary-background-color: #FFFFFF00;
    --pvgr-button-secondary-background-hover-color: #FFFFFF00;
    --pvgr-button-secondary-border-color: var(--pvgr-color-primary-500);
    --pvgr-button-secondary-border-hover-color: var(--pvgr-color-primary-400);
    --pvgr-button-disabled-color: var(--pvgr-color-neutral-600);
    --pvgr-button-disabled-background-color: var(--pvgr-color-neutral-200);
    --pvgr-button-disabled-border-color: var(--pvgr-color-neutral-200);
    --pvgr-button-dark-primary-color: var(--pvgr-color-primary-500);
    --pvgr-button-dark-primary-hover-color: var(--pvgr-color-primary-400);
    --pvgr-button-dark-primary-background-color: var(--pvgr-color-neutral-white);
    --pvgr-button-dark-primary-background-hover-color: var(--pvgr-color-neutral-white);
    --pvgr-button-dark-secondary-color: var(--pvgr-color-neutral-white);
    --pvgr-button-dark-secondary-color-hover: var(--pvgr-color-neutral-200);
    --pvgr-button-dark-secondary-border-color: var(--pvgr-color-neutral-white);
    --pvgr-button-dark-secondary-border-color-hover: var(--pvgr-color-neutral-200);
    --pvgr-button-link-color: var(--pvgr-color-primary-500);
    --pvgr-button-link-hover-color: var(--pvgr-color-primary-400);
    --pvgr-input-checked-background-color: var(--pvgr-color-primary-500);
    --pvgr-input-checked-border-color: var(--pvgr-color-primary-500);
    --pvgr-input-checked-icon-color: var(--pvgr-color-neutral-white);
    --theme: "Vivium";
    --pvgr-input-checkbox-background-color: var(--pvgr-color-neutral-white);
    --pvgr-input-checkbox-border-color: var(--pvgr-color-neutral-500);
    --pvgr-input-checkbox-border-width: 1;
    --pvgr-stepper-active-color: var(--pvgr-color-primary-500);
    --pvgr-stepper-checked-background-color: var(--pvgr-color-primary-500);
    --pvgr-stepper-checked-color: var(--pvgr-color-primary-050);
    --pvgr-stepper-active-dark-color: var(--pvgr-color-primary-050);
    --pvgr-stepper-checked-dark-background-color: var(--pvgr-color-primary-050);
    --pvgr-stepper-checked-dark-color: var(--pvgr-color-primary-500);
    --pvgr-tabs-item-active-background-color: var(--pvgr-color-primary-050);
    --pvgr-tabs-item-active-label-color: var(--pvgr-color-primary-400);
    --pvgr-tabs-item-label-color: var(--pvgr-color-primary-500);
    --pvgr-tabs-background-color: #FFFFFF00;
    --pvgr-tabs-border-color: #FFFFFF00;
    --pvgr-tabs-border-width: 0;
    --pvgr-tabs-border-radius: var(--pvgr-border-radius-base);
    --pvgr-tabs-item-border-radius: var(--pvgr-border-radius-small);
    --progress-bar-color: var(--pvgr-color-secondary-400);
    --pvgr-alert-success-color: var(--pvgr-color-success-500);
    --pvgr-alert-success-border-color: var(--pvgr-color-success-200);
    --pvgr-alert-success-background-color: var(--pvgr-color-success-100);
    --pvgr-alert-info-color: var(--pvgr-color-info-500);
    --pvgr-alert-info-border-color: var(--pvgr-color-info-200);
    --pvgr-alert-info-background-color: var(--pvgr-color-info-100);
    --pvgr-alert-warning-color: var(--pvgr-color-warning-500);
    --pvgr-alert-warning-border-color: var(--pvgr-color-warning-200);
    --pvgr-alert-warning-background-color: var(--pvgr-color-warning-100);
    --pvgr-alert-error-color: var(--pvgr-color-error-500);
    --pvgr-alert-error-border-color: var(--pvgr-color-error-200);
    --pvgr-alert-error-background-color: var(--pvgr-color-error-100);
    --pvgr-alert-neutral-color: var(--pvgr-color-neutral-600);
    --pvgr-alert-neutral-border-color: var(--pvgr-color-neutral-300);
    --pvgr-alert-neutral-background-color: var(--pvgr-color-neutral-200);
    --pvgr-tooltip-background-color: var(--pvgr-color-neutral-100);
    --pvgr-tooltip-color: var(--pvgr-type-body-color);
    --pvgr-body-background-color: var(--pvgr-color-neutral-100);
    --pvgr-footer-background-color: var(--pvgr-color-primary-500);
    --pvgr-footer-color: var(--pvgr-color-neutral-white);
    --pvgr-footer-link-color: var(--pvgr-color-neutral-white);
    --pvgr-footer-link-hover-color: var(--pvgr-color-neutral-200);
    --pvgr-headernav-active-border-color: var(--pvgr-color-secondary-400);
    --pvgr-headernav-nav-dropdown-text: var(--pvgr-color-primary-400);
    --pvgr-headernav-nav-dropdown-background-hover: var(--pvgr-color-primary-050);
    --pvgr-section-background-color-white: var(--pvgr-color-neutral-white);
    --pvgr-section-background-color-neutral: var(--pvgr-color-primary-050);
    --pvgr-section-background-color-primary: var(--pvgr-color-primary-500);

    --pvgr-container-max-xl: 1200px;

        /* font-sizes */
    --pvgr-font-size-xs: 0.75em;
    --pvgr-font-size-sm: 0.875em;
    --pvgr-font-size-base: 1em;
    --pvgr-font-size-md: 1.125em;
    --pvgr-font-size-lg: 1.25em;
    --pvgr-h1-font-size: 1.875em;
    --pvgr-h1-font-size-mobile: 1.25em;
    --pvgr-h2-font-size: 1.875em;
    --pvgr-h2-font-size-mobile: 1.25em;
    --pvgr-h3-font-size: 1.25em;
    --pvgr-h3-font-size-mobile: 1em;
    --pvgr-h4-font-size: 1em;
    --pvgr-h4-font-size-mobile: 0.875em;
    --pvgr-h5-font-size: 0.875em;
    --pvgr-h5-font-size-mobile: 0.75em;
    --pvgr-display-1: 2.625em;
    --pvgr-display-1-mobile: 2.25em;
    --pvgr-display-2: 2.25em;
    --pvgr-display-2-mobile: 1.875em;
   

    /* spacers */
    --pvgr-spacer-1: 0.25em;
    --pvgr-spacer-2: 0.5em;
    --pvgr-spacer-3: 1em;
    --pvgr-spacer-4: 1.5em;
    --pvgr-spacer-5: 2em;
    --pvgr-spacer-6: 3em;
    --pvgr-spacer-7: 4.5em;
    --pvgr-spacer-8: 6em;
    --pvgr-spacer-9: 7.5em;
    --pvgr-spacer-10: 10em;
}