/* Fahikari typography: Cinzel Decorative (titles), Cormorant Garamond (body/subtitles), Raleway (UI). */

:root {
  --fh-font-display: "Cinzel Decorative", "Times New Roman", Georgia, serif;
  --fh-font-body: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --fh-font-ui: "Raleway", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html {
  font-size: 17px;
}

body {
  font-family: var(--fh-font-body);
  font-weight: 400;
  line-height: 1.5;
}

/* Primary titles */
h1,
.h1,
h2,
.h2,
.content-header h1,
.brand-text,
.login-page .login-box .h1,
.fh-cat-cover-hero__title,
.fh-series-catalog-row__title {
  font-family: var(--fh-font-display);
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* Readable UI titles on catalog/detail surfaces (not decorative display face) */
.fh-deck-detail h1,
.fh-deck-detail h2,
.fh-deck-catalog h1,
.fh-af h1,
.fh-af h2,
.fh-series-detail-page h1,
.fh-reset-del-ser-page h1,
.fh-workshops-catalog h1,
.fh-documentaries-page h1,
.fh-meditation-page h1,
.fh-legal-page h1,
.fh-legal-page h2,
.fh-legal-page h3,
.fh-legal-page .fh-content-panel h2 {
  font-family: var(--fh-font-ui);
  font-weight: 800;
  letter-spacing: 0;
}

/* Subtitles and in-content headings */
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.card-title,
.content-header h3,
.fh-empty-state .h5 {
  font-family: var(--fh-font-body);
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Body copy and long-form */
p,
li,
dd,
blockquote,
.card-text,
.fh-markdown,
.fh-flip-back-body,
.login-box-msg,
.legal-prose,
.legal-prose p,
.legal-prose li {
  font-family: var(--fh-font-ui);
}

.fh-markdown h1,
.fh-markdown h2 {
  font-family: var(--fh-font-display);
  font-weight: 700;
}

.legal-prose h1,
.legal-prose h2,
.legal-prose h3,
.legal-prose h4,
.legal-prose h5,
.legal-prose h6 {
  font-family: var(--fh-font-ui);
  font-weight: 600;
  letter-spacing: normal;
}

.fh-markdown h3,
.fh-markdown h4,
.fh-markdown h5,
.fh-markdown h6 {
  font-family: var(--fh-font-body);
  font-weight: 600;
}

/* UI chrome (Raleway): navigation, forms, controls, tables */
.main-header,
.main-sidebar,
.navbar,
.nav-link,
.btn,
button,
input,
select,
textarea,
.form-control,
.custom-select,
.custom-control-label,
.label,
.badge,
.alert,
.dropdown-menu,
.dropdown-item,
.pagination,
.page-link,
.table,
.dataTables_wrapper,
.modal-title,
.small,
.text-muted,
.sidebar-nav-bg-link__label,
.preferences-guest-wrap,
#fh-shell-loading {
  font-family: var(--fh-font-ui);
}

/* Keep icon fonts untouched */
.fa,
.fas,
.far,
.fab,
[class*="fa-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}