@font-face {
  font-family: 'Eclipse Cinzel'; src: url('fonts/cinzel.ttf') format('truetype');
  font-style: normal; font-weight: 400 900; font-display: swap;
}
@font-face {
  font-family: 'Eclipse Cormorant'; src: url('fonts/cormorantgaramond.ttf') format('truetype');
  font-style: normal; font-weight: 300 700; font-display: swap;
}
@font-face {
  font-family: 'Eclipse IM Fell'; src: url('fonts/imfellenglish.ttf') format('truetype');
  font-style: normal; font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'Eclipse Unifraktur'; src: url('fonts/unifrakturcook.ttf') format('truetype');
  font-style: normal; font-weight: 700; font-display: swap;
}
@font-face {
  font-family: 'Eclipse Rajdhani'; src: url('fonts/rajdhani.ttf') format('truetype');
  font-style: normal; font-weight: 400; font-display: swap;
}
body[data-typography="cinzel"], .theme-preview[data-typography="cinzel"] { --serif: 'Eclipse Cinzel', Georgia, serif; }
body[data-typography="garamond"], .theme-preview[data-typography="garamond"] { --serif: 'Eclipse Cormorant', Georgia, serif; }
body[data-typography="manuscrito"], .theme-preview[data-typography="manuscrito"] { --serif: 'Eclipse IM Fell', Georgia, serif; }
body[data-typography="gotica"], .theme-preview[data-typography="gotica"] { --serif: 'Eclipse Unifraktur', Georgia, serif; }
body[data-typography="rajdhani"], .theme-preview[data-typography="rajdhani"] { --serif: 'Eclipse Rajdhani', 'Segoe UI', sans-serif; }