:root {
  /** Background and Component Colors **/
  --dxp-g-root:   #FFFFFF; /* Background White */
  --dxp-g-root-1: #000000; /* Background Black */
  --dxp-g-root-2: #E70A48; /* EQYO - Red */
  --dxp-g-root-3: #008377; /* EQYO - Green */
  --dxp-g-root-4: #A94DC3; /* EQYO - Purple */

  /** Text Colors **/
  --dxp-g-root-contrast:   #E70A48; /* EQYO - Red */
  --dxp-g-root-contrast-1: #2F4858; /* Text Color on White */
  --dxp-g-root-contrast-2: #008377; /* EQYO - Hover Green */
  --dxp-g-root-contrast-3: #697887; /* Unselected on White */
  --dxp-g-root-contrast-4: #F2F2F2; /* Text Color on Black */
  --dxp-g-root-contrast-5: #B2B2B2; /* Unselected on Black */
  --dxp-g-root-contrast-6: #FFFFFF; /* White */
  --dxp-g-root-contrast-7: #000000; /* Hover Black */
  --dxp-g-root-contrast-8: #A94DC3; /* Hover Purple */
  --dxp-g-root-contrast-9: #E8E8E8; /* Border */

  /** Brand Colors **/
  --dxp-g-brand:   #E70A48; /* EQYO - Red */
  --dxp-g-brand-1: #008377; /* EQYO - Hover Green */
  --dxp-g-brand-2: #A94DC3; /* EQYO - Purple */
  --dxp-g-brand-3: #FFFFFF; /* White */
  --dxp-g-brand-4: #E10098; /* EQYO - Pink */
  --dxp-g-brand-5: rgba(235, 35, 78, 0.7); /*  EQYO - Red 70% */
  --dxp-g-brand-6: rgba(161, 54, 147, 0.7); /* EQYO - Purple 70% */

  /** Font for all root/body text **/
    --dxp-g-root-font-family: 'Roboto',Roboto;
    /** Font for headings **/
    --dxp-g-heading-font-family: 'Roboto',Roboto;

  /** Set the link color **/
  --dxp-c-link-text-color: var(--dxp-g-root-contrast, #E70A48); 
  /** --dxp-c-link-text-color-focus: var(--dxp-g-root-contrast-2, #008377);
  --dxp-c-link-text-color-hover: var(--dxp-g-root-contrast-2, #008377); 

  /** Font for buttons **/
  --dxp-s-button-font-family: Roboto;
  --dxp-c-anchor-text-color: #FFFFFF;
  --sds-c-button-radius-border: 0;
  
  /** Template Sytyle **/
  --dxp-c-section-content-spacing-block-start: 0;
  --dxp-c-section-content-spacing-inline-end: 0;
  --dxp-c-section-content-spacing-block-end: 0;
  --dxp-c-section-content-spacing-inline-start: 0;
  --dxp-c-section-columns-max-width: none;

  --dxp-c-section-content-spacing-block-start-mobile: 0;
  --dxp-c-section-content-spacing-inline-end-mobile: 0;
  --dxp-c-section-content-spacing-block-end-mobile: 0;
  --dxp-c-section-content-spacing-inline-start-mobile: 0;
  --dxp-c-section-columns-max-width-mobile: none;
 

--dxp-s-section-columns-max-width: none;
--dxp-s-header-content-max-width: none;
--dxp-s-footer-content-max-width: none;
--dxp-s-component-wrapper-spacer-size: none;
--dxp-s-column-spacer-size:0;

--dxp-s-header-content-max-width-mobile: none;
--dxp-s-section-content-max-width-mobile: none;
--dxp-s-footer-content-max-width-mobile: none;
--dxp-s-component-wrapper-spacer-size-mobile: none;
--dxp-s-column-spacer-size-mobile:0;

  /** Standard Headings **/
--dxp-s-text-heading-extra-large-font-size: 40px;
--dxp-s-text-heading-extra-large-font-style: normal;
--dxp-s-text-heading-extra-large-font-weight: 400;
--dxp-s-text-heading-extra-large-letter-spacing: 1px;
--dxp-s-text-heading-extra-large-line-height: 44px;

--dxp-s-text-heading-large-font-size: 32px;
--dxp-s-text-heading-large-font-style: normal;
--dxp-s-text-heading-large-font-weight: 300;
--dxp-s-text-heading-large-letter-spacing: 1px;
--dxp-s-text-heading-large-line-height: 56px;

--dxp-s-text-heading-medium-font-size: 28px;
--dxp-s-text-heading-medium-font-style: normal;
--dxp-s-text-heading-medium-font-weight: 500;
--dxp-s-text-heading-medium-letter-spacing: 1px;
--dxp-s-text-heading-medium-line-height: 34px;

--dxp-s-text-heading-small-font-size: 18px;
--dxp-s-text-heading-small-font-style: normal;
--dxp-s-text-heading-small-font-weight: 500;
--dxp-s-text-heading-small-letter-spacing: 0.03em;
--dxp-s-text-heading-small-line-height: 25px;

  /** Standard Text **/
  --dxp-s-text-body-regular-font-size: 16px;
  --dxp-s-text-body-regular-font-style: normal;
  --dxp-s-text-body-regular-font-weight: 400;
  --dxp-s-text-body-regular-line-height: 24px;

  --dxp-s-text-body-small-font-size: 13px;
  --dxp-s-text-body-small-font-style: normal;
  --dxp-s-text-body-small-font-weight: 400;
  --dxp-s-text-body-small-line-height: 16px;

/** Custom Styles **/
  --text-gradient: linear-gradient(180deg, #414141 0%, rgba(0, 0, 0, 0.00) 100%);


}