@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Georgia&display=swap');

:root {
  --green: #7ed957;
  --red: #dd3b23;
  --navy: navy;
  --ink: #222;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Times New Roman", Times, serif;
  color: var(--ink);
}

/* ---------- shared nav (used on every inner page's small header) ---------- */
/* "Academy Engraved LET" is a paid Linotype font, not on Google Fonts —
   if you own it, add an @font-face rule pointing at your hosted .woff2/.ttf
   above this block and it'll pick it up automatically. Until then it falls
   back to the serif below. */
.sitetitle {
      font-family: "Times New Roman", Times, serif;
  font-weight: 600;
  color: var(--red);
  font-size: 2.6rem;
  letter-spacing: 1px;
  text-decoration: none;
}

nav.main-nav {
  margin-top: 40px;
}

nav.main-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav.main-nav li {
  margin-bottom: 18px;
  font-size: 1.05rem;
}

nav.main-nav li::before {
  content: "\273D ";
  color: var(--red);
  margin-right: 12px;
}

nav.main-nav a {
  color: var(--red);
  text-decoration: none;
  font-family: Georgia, serif;
}

nav.main-nav a:hover {
  text-decoration: underline;
}

/* small top-left corner nav shown on inner pages, back to home */
.corner-nav {
  position: fixed;
  top: 24px;
  left: 32px;
}

.corner-nav a {
  font-family: 'Cormorant Garamond', serif;
  color: var(--red);
  text-decoration: none;
  font-size: 1.3rem;
}

.corner-nav a:hover { text-decoration: underline; }

/* text selection color, per the diary page spec — applied site-wide */
::selection {
  background: var(--navy);
  color: #fff;
}