:root {
  --heading-color: #083456;
  --body-color: #161616;
  --accent-color: #ec6443;
  --white-color: #ffffff;
  --light-color1: #f0f0f0;
  --light-color2: #dcdcdc;
  --dark-bg: #121212;
  --dark-bg2: #1f1f1f;
  --dark-bg3: #2a2a2a;
  --white-bg: #ffffff;
  --accent-bg: #ec6443;
  --light-bg0: #ffffff;
  --light-bg1: #f5f6f7;
  --light-bg2: #f5f5f5;
  --light-bg3: #eeeeee;

  --font-heading: 'Be Vietnam Pro', sans-serif;
  --font-body: 'Rubik', sans-serif;
}

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* Apply fonts globally */
body {
  font-family: var(--font-body);
  color: var(--body-color);
  background-color: var(--light-bg1);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  /* color: var(--heading-color); */
}

h1, h2{
  margin-bottom: .5rem;
}

a {
  color: var(--accent-color);
}

button, .btn {
  background-color: var(--accent-bg);
  color: var(--white-color);
  font-family: var(--font-heading);
  border: none;
  padding: 0.5em 1em;
  border-radius: 4px;
}