/* Shared base for eugeneotto.com. Page-specific rules stay inline per page.
   --accent defaults to near-white; reading.html/books.html override it. */

* { box-sizing: border-box; }

:root { --accent: #e9f2e1; }

html, body { margin: 0; padding: 0; background: #0a0a0b; }
body {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/JetBrainsMono-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/JetBrainsMono-Medium.woff2') format('woff2');
}

/* Inline link (accent, underline-on-hover) */
a.eo-link {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  transition: border-color 160ms ease;
}
a.eo-link:hover { border-bottom-color: var(--accent); }

/* Muted back link (writing / reading / books) */
a.eo-back {
  color: #6f6f6b;
  text-decoration: none;
  transition: color 160ms ease;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 0.02em;
  margin-bottom: 64px;
}
a.eo-back:hover { color: #c8c8c4; }

@keyframes riseIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}