/* Ronald McDonald House - Custom CSS */

:root {
  --rmh-soft-white: #fffde9;
  --rmh-red: #db0007;
  --rmh-black: #000000;
  --rmh-lavender: #d0c9ff;
  --rmh-aqua: #8ee7f8;
  --rmh-lime: #9cd83e;
  --rmh-gold: #ffbc0d;
  --rmh-purple: #92177b;
  --font-default: "Audrey Text";
  --font-display: "Audrey Display";
}

html {
  font-size: 16px;
}

body {
  background-color: var(--rmh-soft-white);
  color: var(--rmh-black);
  font-family: var(--font-default);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  font-family: var(--font-display);
}

.rmh-h1 {
  font-size: clamp(40px, 6.67vw, 96px);
}

.rmh-h2 {
  font-size: clamp(36px, 5.56vw, 80px);
}

.rmh-h3 {
  font-size: clamp(28px, 4.44vw, 64px);
}

.rmh-h4 {
  font-size: clamp(22px, 2.22vw, 32px);
  line-height: 1.3125;
}

.rmh-header {
  font-size: clamp(24px, 3.125vw, 45px);
}

.font-display {
  font-family: var(--font-display);
}

.text-subhead {
  font-size: clamp(24px, 3.125vw, 45px);
  line-height: 1.067;
}

.text-regular {
  font-size: clamp(18px, 1.8vw, 26px);
  line-height: 1.346;
}
.text-sm {
  font-size: 9.2px;
  line-height: 1.739;
}
.text-cta {
  font-size: 15px;
  line-height: 1.28;
}

.rmh-button {
  font-size: 14.5px;
  line-height: 1.325;
}