/* ===================================================
   VORLICA — Font Loading
   vr-fonts.css
   =================================================== */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* ─── FONT CLASSES ─────────────────────────────── */
.vr-font-display { font-family: 'Playfair Display', Georgia, serif; }
.vr-font-body    { font-family: 'Source Sans 3', 'Helvetica Neue', sans-serif; }

/* ─── FONT WEIGHTS ─────────────────────────────── */
.vr-fw-300 { font-weight: 300; }
.vr-fw-400 { font-weight: 400; }
.vr-fw-500 { font-weight: 500; }
.vr-fw-600 { font-weight: 600; }
.vr-fw-700 { font-weight: 700; }
.vr-fw-800 { font-weight: 800; }

/* ─── FONT SIZE UTILITIES ──────────────────────── */
.vr-fs-xs   { font-size: 0.78rem; }
.vr-fs-sm   { font-size: 0.88rem; }
.vr-fs-base { font-size: 1rem; }
.vr-fs-lg   { font-size: 1.15rem; }
.vr-fs-xl   { font-size: 1.35rem; }
.vr-fs-2xl  { font-size: 1.6rem; }
.vr-fs-3xl  { font-size: 2rem; }
.vr-fs-4xl  { font-size: 2.5rem; }

/* ─── LINE HEIGHT ──────────────────────────────── */
.vr-lh-tight  { line-height: 1.25; }
.vr-lh-normal { line-height: 1.6; }
.vr-lh-loose  { line-height: 1.9; }

/* ─── LETTER SPACING ───────────────────────────── */
.vr-ls-tight  { letter-spacing: -0.02em; }
.vr-ls-normal { letter-spacing: 0; }
.vr-ls-wide   { letter-spacing: 0.06em; }
.vr-ls-wider  { letter-spacing: 0.12em; }
.vr-ls-widest { letter-spacing: 0.18em; }

/* ─── ITALIC ───────────────────────────────────── */
.vr-italic { font-style: italic; }

/* ─── UPPERCASE ────────────────────────────────── */
.vr-uppercase { text-transform: uppercase; }

/* ─── PRELOADING / FONT FACE FALLBACKS ─────────── */
/* Ensure fonts load quickly on mobile devices */
@font-face {
  font-family: 'Playfair Display';
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  font-display: swap;
}