/* Declaracoes FONT FACE B3 */

@font-face {
  font-family: 'B3 Sans Display';
  src: url('../assets/font/B3SansDisplay-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Display';
  src: url('../assets/font/B3SansDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Display';
  src: url('../assets/font/B3SansDisplay-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Display';
  src: url('../assets/font/B3SansDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Display';
  src: url('../assets/font/B3SansDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Text';
  src: url('../assets/font/B3SansText-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Text';
  src: url('../assets/font/B3SansText-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Text';
  src: url('../assets/font/B3SansText-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Text';
  src: url('../assets/font/B3SansText-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'B3 Sans Text';
  src: url('../assets/font/B3SansText-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* tokens globais  */

:root {
  --font-family-sans-serif: "B3 Sans Text", sans-serif;
  --b3-font-family-display: "B3 Sans Display", sans-serif;
  --b3-font-family-text: "B3 Sans Text", sans-serif;
}

/* Base global de tipografia */

html,
body {
  font-family: var(--b3-font-family-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
b,
strong,
[role="heading"] {
  font-family: var(--b3-font-family-display);
}

p,
span,
li,
a,
label,
input,
select,
textarea,
button,
small,
figcaption,
blockquote,
dd,
dt,
td,
th {
  font-family: var(--b3-font-family-text);
}

/* Chrome nao resolve custom properties dentro de option nativo. */
option,
optgroup {
  font-family: "B3 Sans Text", sans-serif;
}

/* Sobrescreve fontes declaradas em seletores de classe pelos pacotes de
   terceiros (web-template e design system), que nao sao alcancadas pelos
   seletores de elemento acima. Fontes de icone sao preservadas de proposito. */

.accordion .accordion-navigation > a,
.accordion dd > a,
.tooltip,
.popover,
.btn,
.dropdown-menu,
.form-control,
.nav-link,
.navbar,
.modal,
.alert,
.table {
  font-family: var(--b3-font-family-text);
}
