:root {
  --md-primary-fg-color: #FFA87C;
  /* --md-primary-fg-color--light: hsla(210, 90%, 40%, 1); */
  /* --md-primary-fg-color--dark: hsla(210, 90%, 80%, 1); */
  /* --md-primary-bg-color: #174060;
  --md-primary-bg-color--light: hsla(0, 0%, 95%, 0.7); */
  --md-default-fg-color: #174060;
  --md-default-bg-color: #FFF;
  /* --md-typeset-a-color: #174060; */
}


body {
  font-family: "Roboto", sans-serif;
  text-align: justify;
  color: var(--md-default-fg-color); 
  background-color: #FFF;
}

/* Apply styles to specific elements like headings, paragraphs, links, etc. */
h1 {
  color: var(--md-primary-fg-color); /* Primary color for headings */
}

p {
  color: var(--md-default-fg-color); /* Default text color */
  line-height: 1.6; /* Adjust line height as needed */
  text-align: justify;
}

a {
  color: #174060; 
  text-decoration: none; 
  /* transition: color 0.3s ease;  */
}

a:hover {
  color: #F2AC83; 
  /* text-decoration: underline;  */
}