
:root {

    --color-primary-00 : #8E2067;
    --color-primary-05 : #fdf8f9;
    --color-primary-45 : #f6f7ff;
    --color-primary-50 : #f8e9eb;
    --color-primary-100 : #ebbac2;
    --color-primary-200 : #a9b0ff;
    --color-primary-300 : #828cff; 
    --color-primary-400 : #6976ff; 
    --color-primary-500 : #bd2039;
    --color-primary-600 : #3e4ce8; 
    --color-primary-700 : #861728;
    --color-primary-800 : #68121f;
    --color-primary-900 : #4f0d18;
  
    --color-secondary-00 : #ffffff;
    --color-secondary-05 : #fdf8f9;
    --color-secondary-50 : #f8e9eb;
    --color-secondary-100 : #ebbac2;
    --color-secondary-200 : #a3eecf; 
    --color-secondary-300 : #828cff; 
    --color-secondary-400 : #60e1ab; 
    --color-secondary-500 : #bd2039;
    --color-secondary-600 : #33c589; 
    --color-secondary-700 : #861728;
    --color-secondary-800 : #68121f;
    --color-secondary-900 : #4f0d18;
  
    --color-tertiary-00 : #ffffff; 
    --color-tertiary-05 : #fffef7; 
    --color-tertiary-50 : #fffbe9; 
    --color-tertiary-100 : #fff2b9; 
    --color-tertiary-200 : #ffeb98;  
    --color-tertiary-300 : #ffe268; 
    --color-tertiary-400 : #ffdd4b; 
    --color-tertiary-500 : #dac901;
    --color-tertiary-600 : #e8c11b; 
    --color-tertiary-700 : #b59715;
    --color-tertiary-800 : #8c7511;
    --color-tertiary-900 : #6b590d; 
  
    --color-additional-00 : #ffffff; 
    --color-additional-05 : #fefbfe; 
    --color-additional-50 : #fdf1fc;
    --color-additional-100 : #f8d5f6;
    --color-additional-200 : #f5c0f2; 
    --color-additional-300 : #f0a3ec; 
    --color-additional-400 : #ed91e9; 
    --color-additional-500 : #c6563a;
    --color-additional-600 : #d46bcf; 
    --color-additional-700 : #a554a1; 
    --color-additional-800 : #80417d; 
    --color-additional-900 : #62325f; 
  
    --primary-element-background : var(--color-primary-00);
    --primary-element-subtle : #F4E9F0;
    --primary-element-pale : #8E2067;
    --primary-element-light : #DCBAD0;
    --primary-element-mid-light : #b36a99;
    --primary-element-mid : #8E2067;
    --primary-element-mid-dark : #651749;
    --primary-element-dark : #231556;
  
    --primary-button-foreground-ondark : #231556;
    --primary-button-foreground-onlight : #8E2067;
    --primary-button-label-inverted : #3c0d2b;
    --primary-button-resting : #DAC961;
    --primary-button-hover : #9B8F45;
    --primary-button-pressed : #9B8F45;
  
    --primary-nav-label-selected : #231556;
    --primary-nav-label-resting : #ffffff;
    --primary-nav-label-hover : #DAC961;
    --primary-nav-label-pressed : #9B8F45;
    --primary-nav-container-selected : #DAC961;
    --primary-nav-container-selected-hover : #9B8F45;
  
    --primary-chip-label-selected : #8E2067;
    --primary-chip-border-selected : #8E2067;
    --primary-chip-container-selected : #F4E9F0;
    --primary-chip-container-selected-hover : #DCBAD0;
  
    --primary-tab-label-resting : var(--color-primary-00);
    --primary-tab-container-active : var(--color-primary-00);
    --primary-tab-container-resting : #8E2067;
    --primary-tab-container-resting-hover : #D53D96;
  
    --primary-title-inverted : var(--color-primary-00); 
    --primary-title-page-title : #DAC961;
    --primary-title-page-subtitle : #FFFFFF;
    --primary-title-card-title : #DAC961;
    --primary-title-card-subtitle : #FFFFFF;
    --primary-title-highlight : #EEE6B6;
    
    --primary-body-text-inverted : var(--color-primary-00); 
    --primary-body-text-highlight : #DAC961; 
  
    --primary-overlay-overlaylight: rgba(171, 138, 157, 0.5);
  
    --primary-shadow-branded : #4e1239;
  
    --secondary-element-background : var(--color-secondary-00);
    --secondary-element-pale : var(--color-secondary-05);
    --secondary-element-subtle : #E9E8EE;
    --secondary-element-light : #BBB6CB;
    --secondary-element-mid-light : #6c628e;
    --secondary-element-mid : #231556;
    --secondary-element-mid-dark : #190F3D;
    --secondary-element-dark : #8E2067;
  
    --secondary-button-foreground-ondark : #231556; 
    --secondary-button-foreground-onlight : #231556;
    --secondary-button-label-inverted : #0f0924;
    --secondary-button-resting : #DAC961;
    --secondary-button-hover : #9B8F45;
    --secondary-button-pressed : #9B8F45;
  
    --secondary-title-inverted : var(--color-secondary-00); 
    --secondary-title-page-title : #D53D96;
    --secondary-title-page-subtitle : #FFFFFF;
    --secondary-title-card-title : #D53D96;
    --secondary-title-card-subtitle : #FFFFFF;
    --secondary-title-highlight : #CB98B9;
  
    --secondary-body-text-inverted : var(--color-secondary-00); 
    --secondary-body-text-highlight : #20134e; 
  
    --tertiary-button-foreground-ondark :#231556; 
    --tertiary-button-foreground-onlight : var(--color-tertiary-500); 
    --tertiary-button-label-inverted : var(--color-tertiary-900);
    --tertiary-button-resting : #DAC961;
    --tertiary-button-hover : #9B8F45;
    --tertiary-button-pressed : #9B8F45;
    --additional-anchor-resting : #231556;
    --additional-anchor-hover : #190F3D;
    --additional-anchor-pressed :#231556; 
    --primary-hyperlink-onlight :  #4454ff; 
    --primary-hyperlink-ondark :  #eceeff;

    --gradient-element-flashing : linear-gradient(180deg, #8E2067 0%, #681C61 51%, #231556 100%);
    --gradient-element-fade : linear-gradient(90deg, rgba(249, 250, 255, 0) 0%, #F9FAFF 100%); 
    --gradient-element-pattern : linear-gradient(180deg, #8E2067 0%, #681C61 51%, #231556 100%); 
 
    --gradient-navigation-separator : linear-gradient(90deg, rgba(68, 84, 255, 0) 0%, rgba(68, 84, 255, 0.5) 50%, rgba(69, 85, 255, 0) 100%);
    --gradient-navigation-fade : linear-gradient(90deg, rgba(236, 238, 255, 0) 0%, #ECEEFF 100%);
  }