/**
 * Brand Fonts - Fuentes de la marca
 * 
 * Para usar tus propias fuentes:
 * 1. Coloca los archivos .woff2 en public/brand/fonts/
 * 2. Cambia font-family por el nombre de tu fuente
 * 3. Actualiza los paths en src: url()
 * 4. Actualiza --font-family-* en theme.css
 */

/* LALIGA Headline - Títulos principales */

@font-face {
  font-family: 'LALIGA Headline';
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/LALIGAHeadline-StdLight.otf) format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'LALIGA Headline';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/LALIGAHeadline-StdRegular.otf) format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'LALIGA Headline';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/LALIGAHeadline-StdBold.otf) format('opentype');
  font-display: swap;
}

/* LALIGAText - Texto de cuerpo y UI */

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

@font-face {
  font-family: 'LALIGAText';
  font-style: italic;
  font-weight: 300;
  src: url(./fonts/LALIGAText-LightItalic.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'LALIGAText';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/LALIGAText-Regular.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'LALIGAText';
  font-style: italic;
  font-weight: 400;
  src: url(./fonts/LALIGAText-RegularItalic.woff2) format('woff2');
  font-display: swap;
}

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

@font-face {
  font-family: 'LALIGAText';
  font-style: italic;
  font-weight: 700;
  src: url(./fonts/LALIGAText-BoldItalic.woff2) format('woff2');
  font-display: swap;
}

/* Material Icons - NO cambiar (usado por el design system) */

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/MaterialSymbolsOutlined_normal.woff2) format('woff2');
  font-display: block;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}