:root {
	--b-font-main: Radio Canada, Verdana, Trebuchet MS, system-ui, sans-serif;
	/* --b-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */

	/* --b-txt: #2e3440; */
	/* --b-bg-1: #fff; */
	/* --b-bg-2: #eceff4; */
	/* --b-line: #eceff4; */
	/* --b-link: #bf616a; */
	/* --b-btn-bg: #242933; */
	/* --b-btn-txt: #fff; */
	/* --b-focus: #d8dee9; */
}
/* @media(prefers-color-scheme: dark) { */
  /* :root { */
    /* --b-txt: #eceff4; */
    /* --b-bg-1: #2e3440; */
    /* --b-bg-2: #3b4252; */
    /* --b-line: #3b4252 */
  /* } */
/* } */

/* This seems to give a ~74 char line with the Radio Canada font */
body {
  max-width: 60ch;
}

/* Counteract the suggested 0.875rem from bamboo.css */
pre, code, kbd, samp, tt, var {
  font-size: 1rem
}

header {
  margin: 1.5rem 0;
}
header > h1 {
  font-size: 2.5rem; /* More than the typical h1 */
  margin: 0; /* Defer to the header to establish margins */
}
header > h1, header > nav {
  text-align: center;
}

/* Get home page blog items separated, even if the summary is missing */
article {
  margin: 0 0 1.5rem;
}

/* Blog post listings */

ul.post-items {
  padding-left: 0;
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1rem;
}

li.post-item {
  list-style-type: none;
}

/* Old simple.css overrides */
/*
body {
  font-size: 1rem;
  grid-template-columns: 1fr min(35rem, 90%) 1fr;
  Overridden to 50rem for technical article content in static/larger_width_override.css
}
h1 {
  font-size: 2.6rem;
}
h2 {
  font-size: 2.2rem;
  margin-top: 2.6rem;
}
h3 {
  font-size: 1.8rem;
  margin-top: 2.6rem;
}
h4 {
  font-size: 1.6rem;
}
h5 {
  font-size: 1.4rem;
}
h6 {
  font-size: 1.2rem;
}
*/