:root {
  --font-gotham: 'Gotham', 'Helvetica Neue', Arial, sans-serif;
  --font-alphakind: 'Alphakind', sans-serif;
}

.font-gotham {
  font-family: var(--font-gotham) !important;
}

.font-alphakind {
  font-family: var(--font-alphakind) !important;
  font-weight: normal !important;
}

/* Mantener las declaraciones @font-face previas para Gotham */
@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Thin.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Thinitalic.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Thinitalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Xlight.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Xlight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Xlightitalic.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Xlightitalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Light.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Lightitalic.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Lightitalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Book.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-BookItalic.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-BookItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Medium.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-MediumItalic.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Bold.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Bolditalic.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Bolditalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Black.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Black.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Blackitalic.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Blackitalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Ultra.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Ultra.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/gotham/Gotham-Ultraitalic.woff2') format('woff2'),
       url('../assets/fonts/gotham/Gotham-Ultraitalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Declaración @font-face para Alphakind */
@font-face {
  font-family: 'Alphakind';
  src: url('../assets/fonts/alphakind/Alphakind.woff2') format('woff2'),
       url('../assets/fonts/alphakind/Alphakind.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Ejemplo de uso base */
body {
  font-family: var(--font-gotham), var(--bs-body-font-family);
  font-weight: 400;
}