/* Indigo Gazette variant on top of tufte.css. */

:root {
  --paper: rgb(249, 249, 249);
  --ink: rgb(59, 59, 59);
  --link: rgb(0, 153, 255);
  --indigo: #3a3a78;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Shrink tufte's 15px base so default reading size matches a one-step
   browser zoom-out — smaller text, proportionally tighter margins. */
html { background-color: var(--paper); font-size: 13px; }
body { background-color: var(--paper); color: var(--ink); }
h1, h2, h3, h4, h5, h6 { color: var(--ink); }

/* Headings: sans-serif, tight, semibold. */
h1, h2, h3,
article h1, article h2, article h3 {
  font-family: var(--sans);
  font-weight: 600;
  letter-spacing: -0.015em;
  font-style: normal;
}

/* Site title in masthead — Inter, slightly larger, lowercase. */
header > h1, body > header h1, .site-header h1, nav + h1 {
  font-family: var(--sans);
  text-transform: lowercase;
  font-size: 3.4rem;
  letter-spacing: -0.02em;
  font-weight: 600;
}

/* Masthead rule. Target the first nav (typical Hugo masthead). */
body > nav:first-of-type,
header {
  border-bottom: 1px solid var(--indigo);
  padding-bottom: 0.6rem;
  margin-bottom: 1.6rem;
}

/* Sidenote numbers indigo. */
.sidenote-number:after,
.sidenote:before,
.marginnote-number:after {
  color: var(--indigo);
}
.sidenote-number { color: var(--indigo); }

/* Links. */
a:link, a:visited { color: var(--link); }

/* Links inside the post body get a tinted background and dotted underline.
   Scoped to article > section to skip the masthead, footer-nav, and post
   metadata blocks. */
article > section:not(.site-footer) a:link,
article > section:not(.site-footer) a:visited {
  color: #0099FF;
  background-color: rgba(102, 204, 255, 0.07);
  padding: 0 1px;
  border-bottom: 1px dotted #0099FF;
  text-decoration: none;
}

article > section:not(.site-footer) a:hover {
  background-color: rgba(102, 204, 255, 0.15);
  border-bottom-style: solid;
}

/* Post listing on the home/section pages — match tufte typography. */
ul.post-list { list-style: none; padding: 0; width: 55%; }
ul.post-list li { margin-top: 0.4rem; line-height: 1.6; }
ul.post-list .post-date {
  color: #777; font-size: 1.1rem; margin-left: 0.5rem;
  font-feature-settings: "onum";
}

/* Footer navigation — kept small and unobtrusive. */
.site-footer { margin-top: 4rem; font-size: 1.1rem; font-style: italic; }
.site-footer p { width: auto; color: #555; }
.site-footer a { color: inherit; }