@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,700,700i);
@import url(https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css);

body {
  font-family: 'Fira Sans','Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
}

.remark-code, .remark-inline-code {
  font-family: 'Fira Code', 'Lucida Console', Monaco, monospace;
  font-size: 80%;
}


a, a > code {
  color: #CC0035; /* Changed to match your theme blue */
  text-decoration: none;
}

/* Hover effect for links */
a:hover, a:hover > code {
  color: #354CA1; /* Your theme red color */
  text-decoration: underline;
}

/* Active links (when clicked) */
a:active, a:active > code {
  color: #354CA1; /* Your theme red color */
}

h1 {
  color: #354CA1;
}

h2, h3, h4 {
  color: #354CA1;
}


/*  See: https://bookdown.org/yihui/rmarkdown-cookbook/multi-column.html */
.columns {display: flex; flex-basis: auto}


code {
  color: #CC0035;  /* pick your hex or named color */
  background-color: #f8f9fa; /* optional */
  padding: 0.15em 0.3em;
  border-radius: 4px;
}

/* SMU Blue Callout */
.callout-smu-blue {
  padding: 1em;
  margin: 1em 0;
  border-left: 4px solid #354CA1;
  background-color: #f8f9ff;
  border-radius: 4px;
}

/* .callout-smu-blue::before {
  content: "💡";
  font-size: 1.2em;
  margin-right: 0.5em;
  color: #354CA1;
}

.callout-smu-blue h4 {
  color: #354CA1;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 600;
}

.callout-smu-blue p {
  margin: 0.5em 0;
}

.callout-smu-blue ul, .callout-smu-blue ol {
  margin: 0.5em 0;
  padding-left: 1.5em;
} */