/* Customizations: override here the variables of agexhibit/static/style.css.
:root {
  --font: "Helvetica Neue", Arial, sans-serif;
  --size: 12px;
  --menu-w: 240px;
}
*/

/* phone: slightly larger type */
@media (max-width: 700px) {
  :root { --size: 15px; }
  .site-title { font-size: 17px; }
  .menu-list { font-size: 16px; }
}

/* Light / Dark right under Journal, no blank line */
.js .theme-item { margin-top: 0; }

/* desktop: the text column of the work pages */
:root { --text-w: 440px; }

/* computer and tablet: text at 13px (phones keep their own size above) */
@media (min-width: 701px) { :root { --size: 13px; } }

/* Journal: every sentence as wide as the page, in D-DIN (Datto, SIL Open Font License: fonts/) */
@font-face {
  font-family: "D-DIN";
  src: url("fonts/d-din-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.fit { font-family: "D-DIN", var(--font); font-weight: 700; letter-spacing: -0.01em; }

/* Journal: the sentences as wide as the page, the photos 500px */
.notes-fit { max-width: none; }
.notes-fit .note figure { max-width: 500px; }

/* Light: a softer white (the pure #fff was too bright), a near-black text to match */
:root[data-theme="light"] {
  --bg: #efeeeb; --fg: #1c1c1c; --link: #1c1c1c; --muted: #85837e; --hover: #85837e; --rule: #d9d7d2;
}