@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&family=Wix+Madefor+Display:wght@400..800&family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');

:root {
  /* Font family & base weights */
  --font-wm-display: 'Wix Madefor Display', sans-serif;
  --font-wm-text: 'Wix Madefor Text', sans-serif;
  --font-gabarito: 'Gabarito', sans-serif;
  
  /* Weights */
  --fw-giant-4: 800;
  --fw-giant-3: 800;
  --fw-giant-2: 800;
  --fw-giant-1: 800;
	
  --fw-title-large: 800;
  --fw-title-small: 800;
  --fw-subhead-large: 400;
  --fw-subhead-small: 400;
	
  --fw-quote: italic 400;
	
  --fw-text-giant: 400;
  --fw-text-giant-b: 600; 	
  --fw-text-large: 400;
  --fw-text-large-b: 600;  
  --fw-text: 400;
  --fw-text-b: 600;
  --fw-text-small: 400;
  --fw-text-small-b: 600; 
  
  --fw-note: 400;
  --fw-note-small: 400;  
  
  /* Letter spacing */
  --tr-giant-4: -0.05em;
  --tr-giant-3: -0.05em;
  --tr-giant-2: -0.04em;
  --tr-giant-1: -0.02em;
  
  --tr-title-large: -0.01em;
  --tr-subhead-large: -0.01em;
  --tr-title-small: 0;
  --tr-subhead-small: 0;
  
  --tr-quote: -0.02em;
  
  --tr-text-giant: 0.005em;
  --tr-text-giant-b: 0.01em;   
  --tr-text-large: 0;
  --tr-text-large-b: 0;  
  --tr-text: 0;
  --tr-text-b: 0;
  --tr-text-small: 0.01em;
  --tr-text-small-b: 0.01em;  
  
  --tr-note: 0.01em;
  --tr-note-small: 0.01em;  
  
  /* Font preset */
  --font-giant-4: var(--fw-giant-4) 8rem/8.75rem var(--font-wm-display);
  --font-giant-3: var(--fw-giant-3) 3.75rem/4rem var(--font-wm-display);
  --font-giant-2: var(--fw-giant-2) 2.875rem/3.25rem var(--font-wm-display);
  --font-giant-1: var(--fw-giant-1) 2.25rem/2.25rem var(--font-wm-display);
  
  --font-title-large: var(--fw-title-large) 2rem/2.125rem var(--font-wm-display);
  --font-title-small: var(--fw-title-small) 1.5rem/1.625rem var(--font-wm-display);
  --font-subhead-large: var(--fw-subhead-large) 1.5rem/1.875rem var(--font-wm-display);
  --font-subhead-small: var(--fw-subhead-small) 1.25rem/1.625rem var(--font-wm-display);
  
  --font-quote: var(--fw-quote) 1.5rem/2rem var(--font-wm-text);
     
  --font-text-giant: var(--fw-text-giant) 1.5rem/1.75rem var(--font-gabarito);
  --font-text-giant-b: var(--fw-text-giant-b) 1.25rem/1.625rem var(--font-gabarito);     
  --font-text-large: var(--fw-text-large) 1.25rem/1.625rem var(--font-gabarito);
  --font-text-large-b: var(--fw-text-large-b) 1.25rem/1.625rem var(--font-gabarito);
  --font-text: var(--fw-text) 1rem/1.25rem var(--font-gabarito);
  --font-text-b: var(--fw-text-b) 1rem/1.25rem var(--font-gabarito);
  --font-text-small: var(--fw-text-small) 0.825rem/1rem var(--font-gabarito);
  --font-text-small-b: var(--fw-text-small-b) 0.825rem/1rem var(--font-gabarito);
  
  --font-note: var(--fw-note) 0.75rem/0.825rem var(--font-gabarito);
  --font-note-small: var(--fw-note-small) 0.688rem/0.75rem var(--font-gabarito);
  
  --font-button-menu: var(--fw-title-small) 1.25rem/1.5rem var(--font-wm-display);
  --font-button-menu-tab: var(--fw-title-small) 0.825rem/1.25rem var(--font-wm-display);
  --font-button-menu-mob: var(--fw-title-small) 0.625rem/1rem var(--font-wm-display);
}