@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400&family=Epilogue:wght@300;400;500;600;700&display=swap');

:root {
  --terracotta:      #a5141a;
  --terracotta-dark: #8a1015;
  --olive:           #13612e;
  --warm-white:      #f8f8f8;
  --charcoal:        #0e0e0e;
  --gold:            #ffb91a;
  --font-heading:    'Bebas Neue', serif;
  --font-body:       'Epilogue', sans-serif;
}

body {
  font-family: var(--font-body);
  background: var(--warm-white);
  color: var(--charcoal);
}

h1, h2, h3, .nav-logo, .section-title, .footer-brand .logo {
  font-family: var(--font-heading);
}