@font-face{font-family:CravinInter;src:url('fonts/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:CravinManrope;src:url('fonts/manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:CravinDM;src:url('fonts/dmsans.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:CravinPlayfair;src:url('fonts/playfairdisplay.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
:root{--body-font:Arial,Helvetica,sans-serif;--heading-font:Georgia,'Times New Roman',serif}
html[data-body-font=inter]{--body-font:CravinInter,Arial,sans-serif}html[data-body-font=manrope]{--body-font:CravinManrope,Arial,sans-serif}html[data-body-font=dmsans]{--body-font:CravinDM,Arial,sans-serif}html[data-body-font=georgia]{--body-font:Georgia,serif}
html[data-font=inter]{--heading-font:CravinInter,Arial,sans-serif}html[data-font=manrope]{--heading-font:CravinManrope,Arial,sans-serif}html[data-font=dmsans]{--heading-font:CravinDM,Arial,sans-serif}html[data-font=playfair]{--heading-font:CravinPlayfair,Georgia,serif}html[data-font=sans]{--heading-font:Arial,Helvetica,sans-serif}
html[data-body-font] body,html[data-body-font] input,html[data-body-font] select,html[data-body-font] textarea,html[data-body-font] button{font-family:var(--body-font)}html[data-font] h1,html[data-font] h2,html[data-font] h3{font-family:var(--heading-font)}.font-preview{padding:24px;border:1px dashed var(--line);border-radius:7px;background:var(--surface-soft);margin:0 25px 25px}.font-preview h3{font-size:27px;margin:0 0 10px}.font-preview p{font-size:13px}.font-preview small{color:var(--muted)}