:root {
  --espessura-thin: 100;
  --espessura-bold: 0;    
  --espessura-extrabold: 1;  
}

@font-face {
  font-family: 'MADE Tommy';
  src: url('./made_tommy/TOMMY_Thin_PERSONAL_USE.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy Thin';
  src: url('./made_tommy/TOMMY_Thin_PERSONAL_USE.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy';
  src: url('./made_tommy/TOMMY_Light_PERSONAL_USE.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy';
  src: url('./made_tommy/TOMMY_Regular_PERSONAL_USE.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy';
  src: url('./made_tommy/TOMMY_Medium_PERSONAL_USE.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy';
  src: url('./made_tommy/TOMMY_Bold_PERSONAL_USE.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy';
  src: url('./made_tommy/TOMMY_ExtraBold_PERSONAL_USE.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy';
  src: url('./made_tommy/TOMMY_Black_PERSONAL_USE.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy Outline';
  src: url('./made_tommy/TOMMY_Thin_Outline_PERSONAL_USE.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy Outline';
  src: url('./made_tommy/TOMMY_Light_Outline_PERSONAL_USE.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy Outline';
  src: url('./made_tommy/TOMMY_Regular_Outline_PERSONAL_USE.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy Outline';
  src: url('./made_tommy/TOMMY_Medium_Outline_PERSONAL_USE.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy Outline';
  src: url('./made_tommy/TOMMY_Bold_Outline_PERSONAL_USE.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy Outline';
  src: url('./made_tommy/TOMMY_ExtraBold_Outline_PERSONAL_USE.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE Tommy Outline';
  src: url('./made_tommy/TOMMY_Black_Outline_PERSONAL_USE.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html, body, h1, h2, h3, h4, h5, h6,
p, span, a, li, ul, ol, button, input,
textarea, select, label, td, th, div, section,
article, header, footer, nav, main, aside,
b, strong, em, i, small, blockquote, code, pre,
figure, figcaption, form, fieldset, legend, table,
thead, tbody, tfoot, tr, dl, dt, dd {
  font-family: 'MADE Tommy', system-ui, -apple-system, sans-serif;
  font-weight: 700;
  -webkit-text-stroke-width: calc(var(--espessura-bold) * 0.0005em);
  -webkit-text-stroke-color: currentColor;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'MADE Tommy', system-ui, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  -webkit-text-stroke-width: calc(var(--espessura-extrabold) * 0.0005em) !important;
  -webkit-text-stroke-color: currentColor !important;
}

h1 {
  text-transform: uppercase !important;
}

p, li,
.mga-sug-card p, .mga-feat-card p,
[class*="card"] p, [class*="card"], li {
  font-family: 'MADE Tommy Thin', system-ui, -apple-system, sans-serif !important;
  font-weight: normal !important;
  -webkit-text-stroke-width: calc(var(--espessura-thin) * 0.0005em) !important;
  -webkit-text-stroke-color: currentColor !important;
}

.t-display {
  font-family: 'MADE Tommy', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 45px !important;
  line-height: 50px !important;
  letter-spacing: 0 !important;
  -webkit-text-stroke-width: calc(var(--espessura-extrabold) * 0.0005em) !important;
  -webkit-text-stroke-color: currentColor !important;
}

.t-outline {
  font-family: 'MADE Tommy Outline', system-ui, sans-serif !important;
}

b, strong,
.bold, .fw-bold, .fw-bolder, .text-bold,
[style*="font-weight: bold"], [style*="font-weight:bold"],
[style*="font-weight: bolder"], [style*="font-weight:bolder"],
[style*="font-weight: 700"], [style*="font-weight:700"],
[style*="font-weight: 800"], [style*="font-weight:800"],
[style*="font-weight: 900"], [style*="font-weight:900"] {
  font-family: 'MADE Tommy', system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
  -webkit-text-stroke-width: calc(var(--espessura-bold) * 0.0005em) !important;
  -webkit-text-stroke-color: currentColor !important;
}

.uppercase, .text-uppercase, .all-caps, .caps,
[style*="text-transform: uppercase"] {
  font-family: 'MADE Tommy', system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
  -webkit-text-stroke-width: calc(var(--espessura-bold) * 0.0005em) !important;
  -webkit-text-stroke-color: currentColor !important;
}