@import url('https://fonts.googleapis.com/css2?family=Petrona:ital,wght@0,100..900;1,100..900&display=swap');

:root {

  --primary-element-background : #ffffff;
  --primary-element-subtle : #FBE9ED;
  --primary-element-pale : #ffffff; 
  --primary-element-light : #F3B9C7;
  --primary-element-mid-light : #E66885;
  --primary-element-mid : #D91E49;
  --primary-element-mid-dark : #9A1534;
  --primary-element-dark : #5B0D1F;

  --primary-button-foreground-ondark : #ffffff; 
  --primary-button-foreground-onlight : #D91E49;
  --primary-button-label-inverted : #5B0D1F;
  --primary-button-resting : #D91E49;
  --primary-button-hover : #9A1534;
  --primary-button-pressed : #771128;

  --primary-nav-label-selected : #ffffff;
  --primary-nav-label-resting : #9A1534;
  --primary-nav-label-hover : #771128;
  --primary-nav-label-pressed : #5B0D1F;
  --primary-nav-container-selected : #D91E49;
  --primary-nav-container-selected-hover : #9A1534;

  --primary-chip-label-selected : #D91E49;
  --primary-chip-border-selected : #D91E49;
  --primary-chip-container-selected : #FBE9ED;
  --primary-chip-container-selected-hover : #F3B9C7;

  --primary-tab-label-resting : #ffffff;
  --primary-tab-container-active : #ffffff;
  --primary-tab-container-resting : #D91E49;
  --primary-tab-container-resting-hover : #9A1534;

  --primary-title-inverted : #ffffff; 
  --primary-title-page-title : #5B0D1F;
  --primary-title-page-subtitle : #9A1534;
  --primary-title-card-title : #5B0D1F;
  --primary-title-card-subtitle : #9A1534;
  --primary-title-highlight : #C51B42;
  
  --primary-body-text-inverted : #ffffff; 
  --primary-body-text-highlight : #C51B42; 

  --primary-hyperlink-ondark: #FBE9ED;
  --primary-hyperlink-onlight: #D91E49;


  --primary-overlay-overlaylight: rgb(91, 13, 31,0.4);

  --primary-shadow-branded : #771128;

  --secondary-element-background : #FEF8FA;
  --secondary-element-pale : #F9FEFC;
  --secondary-element-subtle : #EBFBF5;
  --secondary-element-light : #C1F3DE;
  --secondary-element-mid-light : #7AE6B9;
  --secondary-element-mid : #38D996;
  --secondary-element-mid-dark : #289A6B;
  --secondary-element-dark : #185B3F;

  --secondary-button-foreground-ondark : #ffffff;
  --secondary-button-foreground-onlight : #38D996;
  --secondary-button-label-inverted : #185B3F;
  --secondary-button-resting : #38D996;
  --secondary-button-hover : #289A6B;
  --secondary-button-pressed : #1F7753;

  --secondary-title-inverted : #ffffff; 
  --secondary-title-page-title : #185B3F;
  --secondary-title-page-subtitle : #289A6B;
  --secondary-title-card-title : #185B3F;
  --secondary-title-card-subtitle : #289A6B;
  --secondary-title-highlight : #33C589;

  --secondary-body-text-inverted : #ffffff; 
  --secondary-body-text-highlight : #33C589; 

  --tertiary-button-foreground-ondark : #ffffff; 
  --tertiary-button-foreground-onlight : #B59715; 
  --tertiary-button-label-inverted : #6B590D;
  --tertiary-button-resting : #B59715;
  --tertiary-button-hover : #8C7511;
  --tertiary-button-pressed : #6B590D;

  --gradient-element-flashing : linear-gradient(135deg, #F3B9C7 0%, #FBE9ED 50.52%, #C1F3DE 100%);
  --gradient-element-fade : linear-gradient(90deg, #FEF8FA00 0%, #eceeff 100%);
  --gradient-element-pattern : linear-gradient(135deg, #c5caff 0%, #eceeff 50.52%, #c1f3de 100%);

  --gradient-navigation-separator : linear-gradient(90deg, #F9DAE300 0%, #DA094780 50%, #F9DAE300 100%);
  --gradient-navigation-fade : linear-gradient(90deg, #F9DAE300 0%, #F9DAE3 100%);

  --font-title: 'Petrona'

}

.wordwrap{
 word-break: break-word !important;
}
#overflow-mobile{
overflow-wrap: anywhere !important;
}