/**
 * @file
 * Custom fonts for Patnis V3 theme.
 */

/* Source Serif Pro - Main body font */
@font-face {
  font-family: 'Source Serif Pro';
  src: url('../fonts/source-serif-pro.regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url('../fonts/source-serif-pro.semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url('../fonts/source-serif-pro.bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* TT Norms Pro - Headers and highlights */
@font-face {
  font-family: 'TT Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TT Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Medium-Italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: 'TT Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Bold-Italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Apply fonts to elements */
body {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
}

/* Headers use TT Norms Pro */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  line-height: var(--heading-line-height);
}

/* Navigation and highlights */
.navbar-brand,
.navbar-nav .nav-link,
.btn,
.badge,
.alert-heading,
.card-title,
.modal-title {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-medium);
}

/* Strong and emphasis */
strong, b {
  font-family: var(--font-family-serif);
  font-weight: var(--font-weight-bold);
}

em, i {
  font-family: var(--font-family-serif);
  font-style: italic;
}

/* Site branding */
.site-branding__name {
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-bold);
}

.site-branding__slogan {
  font-family: var(--font-family-serif);
  font-style: italic;
  font-weight: var(--font-weight-normal);
}