/*
  Local primary font.
  File location in the Hugo source tree:
  static/css/fonts/CMUSansSerif.woff2
*/

@font-face {
  font-family: "CMU Sans Serif";
  src: url("../fonts/CMUSansSerif.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --site-font-sans: "CMU Sans Serif",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}

/* Apply the local font to normal site UI and article text. */
html,
body,
button,
input,
textarea,
select {
  font-family: var(--site-font-sans);
}
/*
  Gruvbox Material page-background overrides only.

  Dark bg0:  #282828
  Light bg0: #f5ede6
*/

/* The default/no-JavaScript fallback is light mode. */
:root,
html[data-theme="light"] {
  --color-bg: #f5ede6;
}

html,
html[data-theme="light"],
html[data-theme="light"] body {
  background-color: #f5ede6;
}

/* Apply the darker Gruvbox background only when dark mode is selected. */
html[data-theme="dark"] {
  --color-bg: #282828;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  background-color: #282828;
}

h1,
h2,
h3,
h4,
h5,
h6,
.post-heading,
.post-preview .post-title,
.navbar-custom,
.navbar-custom .navbar-brand,
.navbar-custom .nav li a {
  font-family: var(--site-font-sans);
}