/* HR Elites — Lora (headings) + Ivy Presto (all other text) */

:root {
  --hre-font-heading: 'Lora', serif;
  --hre-font-body: 'Ivy Presto', serif;
}

@font-face {
  font-family: 'Ivy Presto';
  src: url('./font/fonnts.com-Ivy-Presto-Text-Thin.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ivy Presto';
  src: url('./font/fonnts.com-Ivy-Presto-Text-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ivy Presto';
  src: url('./font/fonnts.com-Ivy-Presto-Text-.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ivy Presto';
  src: url('./font/fonnts.com-Ivy-Presto-Text-Semi-Bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html {
  font-family: var(--hre-font-body);
}

body,
p,
li,
span,
a,
button,
input,
textarea,
select,
label,
td,
th,
nav,
footer,
header {
  font-family: var(--hre-font-body);
}

h1,
h2,
h3,
.font-heading {
  font-family: var(--hre-font-heading);
  font-weight: 600;
}

h4,
h5,
h6 {
  font-family: var(--hre-font-body);
  font-weight: 500;
}

.typewriter-text,
.text-shimmer,
.text-transparent,
.text-gradient {
  font-family: var(--hre-font-heading);
}