:root {
  --gam-light: 'Gambetta-Light';
  --gam-light-italic: 'Gambetta-LightItalic';
  --gam-regular: 'Gambetta-Regular';
  --gam-italic: 'Gambetta-Italic';
  --gam-medium: 'Gambetta-Medium';
  --gam-medium-italic: 'Gambetta-MediumItalic';
  --gam-semibold: 'Gambetta-Semibold';
  --gam-semibold-italic: 'Gambetta-SemiboldItalic';
  --gam-bold: 'Gambetta-Bold';
  --gam-bold-italic: 'Gambetta-BoldItalic';
  --gam-variable: 'Gambetta-Variable';
  --gam-variable-italic: 'Gambetta-VariableItalic';
}

/**
* @license
*
* Font Family: Gambetta
* Designed by: Paul Troppmar
* URL: https://www.fontshare.com/fonts/gambetta
* © 2024 Indian Type Foundry
*
* Gambetta Light 
* Gambetta LightItalic 
* Gambetta Regular 
* Gambetta Italic 
* Gambetta Medium 
* Gambetta MediumItalic 
* Gambetta Semibold 
* Gambetta SemiboldItalic 
* Gambetta Bold 
* Gambetta BoldItalic 
* Gambetta Variable (Variable font)
* Gambetta VariableItalic (Variable font)
*
*/
@font-face {
  font-family: 'Gambetta-Light';
  src: url('Gambetta-Light.woff2') format('woff2'),
       url('Gambetta-Light.woff') format('woff'),
       url('Gambetta-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-LightItalic';
  src: url('Gambetta-LightItalic.woff2') format('woff2'),
       url('Gambetta-LightItalic.woff') format('woff'),
       url('Gambetta-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Regular';
  src: url('Gambetta-Regular.woff2') format('woff2'),
       url('Gambetta-Regular.woff') format('woff'),
       url('Gambetta-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-Italic';
  src: url('Gambetta-Italic.woff2') format('woff2'),
       url('Gambetta-Italic.woff') format('woff'),
       url('Gambetta-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Medium';
  src: url('Gambetta-Medium.woff2') format('woff2'),
       url('Gambetta-Medium.woff') format('woff'),
       url('Gambetta-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-MediumItalic';
  src: url('Gambetta-MediumItalic.woff2') format('woff2'),
       url('Gambetta-MediumItalic.woff') format('woff'),
       url('Gambetta-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Gambetta-Semibold';
  src: url('Gambetta-Semibold.woff2') format('woff2'),
       url('Gambetta-Semibold.woff') format('woff'),
       url('Gambetta-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-SemiboldItalic';
  src: url('Gambetta-SemiboldItalic.woff2') format('woff2'),
       url('Gambetta-SemiboldItalic.woff') format('woff'),
       url('Gambetta-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family:'Gambetta-Bold';
  src: url('Gambetta-Bold.woff2') format('woff2'),
       url('Gambetta-Bold.woff') format('woff'),
       url('Gambetta-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Gambetta-BoldItalic';
  src: url('Gambetta-BoldItalic.woff2') format('woff2'),
       url('Gambetta-BoldItalic.woff') format('woff'),
       url('Gambetta-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: 'wght' 300.0, 'wght' 700.0;
*
* available axes:
* 'wght' (range from 300.0 to 700.0)
*/
@font-face {
  font-family: 'Gambetta-Variable';
  src: url('Gambetta-Variable.woff2') format('woff2'),
       url('Gambetta-Variable.woff') format('woff'),
       url('Gambetta-Variable.ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: 'wght' 300.0, 'wght' 700.0;
*
* available axes:
* 'wght' (range from 300.0 to 700.0)
*/
@font-face {
  font-family: 'Gambetta-VariableItalic';
  src: url('Gambetta-VariableItalic.woff2') format('woff2'),
       url('Gambetta-VariableItalic.woff') format('woff'),
       url('Gambetta-VariableItalic.ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: italic;
}