/* ROHM typography — 1A Architecture & Heritage (wireframe)
   Voyage activates when .woff2 files are placed in assets/fonts/ */

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

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

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

:root {
  --rohm-serif: 'Voyage', 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --rohm-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--rohm-sans) !important;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--rohm-serif) !important;
  font-weight: 500;
  letter-spacing: 0.005em;
}

p, li, label, input, textarea, select, button, .butn, .form-group input {
  font-family: var(--rohm-sans);
}

.sub-title,
.sub-title2,
.h-calendar-eyebrow,
.upcoming-label,
.tickets-sub,
.sec-head h6,
.fz-14,
.navbar-nav .nav-link,
.rolling-text,
.hamenu .link,
.dropdown-item,
.lang-selector .text,
.search-form input {
  font-family: var(--rohm-sans) !important;
  letter-spacing: 0.1;
}

.tickets-title,
.upcoming-title,
.upcoming-hero-text h3,
.banner-tickets h2,
.caption h2,
.fw-600,
.fz-50,
.fz-80 {
  font-family: var(--rohm-serif) !important;
  font-weight: 1200;
}

.tickets-title span,
.upcoming-title span,
.fw-200,
.hero-proof,
.upcoming-hero-text p,
.edu-intro-block p:first-of-type {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 400;
}

.numb-font,
.upcoming-hero-num,
.upcoming-band-num {
  font-family: var(--rohm-serif) !important;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.main-font {
  font-family: var(--rohm-sans) !important;
}

.fill-text,
.hover-anim {
  font-family: inherit;
}