@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root {

  --color-primary-00 : #FFFFFF;
  --color-primary-05 : #FFFFFF;
  --color-primary-45 : #f6f7ff;
  --color-primary-50 : #ECE8E8;
  --color-primary-100 : #A89793;
  --color-primary-200 : #a9b0ff;
  --color-primary-300 : #806762; 
  --color-primary-400 : #6976ff; 
  --color-primary-500 : #E8A33E;
  --color-primary-600 : #3e4ce8; 
  --color-primary-700 : #2F140E;
  --color-primary-800 : #68121f;
  --color-primary-900 : #B57F30;

  --color-secondary-00 : #FFFFFF;
  --color-secondary-05 : #FFFDF9;
  --color-secondary-50 : #FFF7EC;
  --color-secondary-100 : #FFE7C5;
  --color-secondary-200 : #a3eecf; 
  --color-secondary-300 : #FFCC82; 
  --color-secondary-400 : #60e1ab; 
  --color-secondary-500 : #bd2039;
  --color-secondary-600 : #33c589; 
  --color-secondary-700 : #B57F30;
  --color-secondary-800 : #68121f;
  --color-secondary-900 : #6B4B1D;

  --color-tertiary-00 : #FFFFFF; 
  --color-tertiary-05 : #FFFDF9; 
  --color-tertiary-50 : #FFF7EC; 
  --color-tertiary-100 : #FFE7C5; 
  --color-tertiary-200 : #FFDCA9;  
  --color-tertiary-300 : #FFCC82; 
  --color-tertiary-400 : #FFC269; 
  --color-tertiary-500 : #ffd41e;
  --color-tertiary-600 : #e8c11b; 
  --color-tertiary-700 : #b59715;
  --color-tertiary-800 : #8c7511;
  --color-tertiary-900 : #6b590d; 

  --color-additional-00 : #FFFFFF; 
  --color-additional-05 : #FEF8F9; 
  --color-additional-50 : #FDE7EB;
  --color-additional-100 : #F9B5C1;
  --color-additional-200 : #F691A3; 
  --color-additional-300 : #F25F7A; 
  --color-additional-400 : #EF4060; 
  --color-additional-500 : #EB1038;
  --color-additional-600 : #D60F33;
  --color-additional-700 : #A70B28; 
  --color-additional-800 : #81091F; 
  --color-additional-900 : #630718; 

  --primary-element-background : var(--color-primary-00);
  --primary-element-subtle : var(--color-primary-50);
  --primary-element-pale : var(--color-primary-05); 
  --primary-element-light : var(--color-primary-100);
  --primary-element-mid-light : var(--color-primary-300);
  --primary-element-mid : var(--color-primary-500);
  --primary-element-mid-dark : var(--color-primary-700);
  --primary-element-dark : var(--color-primary-900);

  --primary-button-foreground-ondark : #FFFFFF; 
  --primary-button-foreground-onlight : #A10031;
  --primary-button-label-inverted : #440015;
  --primary-button-resting : #93002D;
  --primary-button-hover : #440015;
  --primary-button-pressed : #93002D;

  --primary-nav-label-selected : var(--color-primary-00);
  --primary-nav-label-resting : var(--color-primary-700);
  --primary-nav-label-hover : var(--color-primary-800);
  --primary-nav-label-pressed : var(--color-primary-900);
  --primary-nav-container-selected : var(--color-primary-500);
  --primary-nav-container-selected-hover : var(--color-primary-700);

  --primary-chip-label-selected : #421C14;
  --primary-chip-border-selected : #684943;
  --primary-chip-container-selected :#FFE7C5;
  --primary-chip-container-selected-hover : #FFE7C5;

  --primary-tab-label-resting : var(--color-primary-00);
  --primary-tab-container-active : var(--color-primary-00);
  --primary-tab-container-resting : #A10031;
  --primary-tab-container-resting-hover : #720023;

  --primary-title-inverted : var(--color-primary-00); 
  --primary-title-page-title : #3C1912;
  --primary-title-page-subtitle : #B57F30;
  --primary-title-card-title : #421C14;
  --primary-title-card-subtitle : #B57F30;
  --primary-title-highlight : #FFB344;
  
  --primary-body-text-inverted : var(--color-primary-00); 
  --primary-body-text-highlight : #240F0B; 

  --primary-overlay-overlaylight: rgba(79, 13, 24, 0.4);

  --primary-shadow-branded : var(--color-primary-800);

  --secondary-element-background : var(--color-secondary-00);
  --secondary-element-pale : var(--color-secondary-05);
  --secondary-element-subtle : var(--color-secondary-50);
  --secondary-element-light : var(--color-secondary-100);
  --secondary-element-mid-light : var(--color-secondary-300);
  --secondary-element-mid : var(--color-secondary-500);
  --secondary-element-mid-dark : var(--color-secondary-700);
  --secondary-element-dark : var(--color-secondary-900);

  --secondary-button-foreground-ondark : #FFFFFF; 
  --secondary-button-foreground-onlight : #FFB344;
  --secondary-button-label-inverted : #6B4B1D;
  --secondary-button-resting : #FFB344;
  --secondary-button-hover : #B57F30;
  --secondary-button-pressed : #8C6225;

  --secondary-title-inverted : var(--color-secondary-00); 
  --secondary-title-page-title : #421C14;
  --secondary-title-page-subtitle : #B57F30;
  --secondary-title-card-title : #421C14;
  --secondary-title-card-subtitle : #B57F30;
  --secondary-title-highlight : #FFB344;

  --secondary-body-text-inverted : var(--color-secondary-00); 
  --secondary-body-text-highlight : #720023; 

  --tertiary-button-foreground-ondark : var(--color-tertiary-00); 
  --tertiary-button-foreground-onlight : var(--color-tertiary-500); 
  --tertiary-button-label-inverted : var(--color-tertiary-900);
  --tertiary-button-resting : var(--color-tertiary-500);
  --tertiary-button-hover : var(--color-tertiary-700);
  --tertiary-button-pressed : var(--color-tertiary-800);

  --gradient-element-flashing : linear-gradient(135deg, #ECE8E8 0%, #FFFDF9 50.52%, #FFE7C5 100%);
  --gradient-element-fade : linear-gradient(90deg, #FFFDF9 0%, #ECE8E8 100%); 
  --gradient-element-pattern : linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-50) 50.52%, var(--color-secondary-100) 100%); 

  --gradient-navigation-separator : linear-gradient(90deg, #f8e9eb00 0%, #bd203980 50%, #f8e9eb00 100%);
  --gradient-navigation-fade : linear-gradient(90deg, #f8e9eb00 0%, #f8e9eb 100%);
  --gradient-navigation-footer-separator: linear-gradient(270deg, rgb(181 127 48), #b57f30, rgb(181 127 48));
  --font-title: 'anton';
}