/* =====================================
   Nati Sui — Field Notes Override
   Sumo Theme
   ===================================== */

:root {
  --paper: #FBF8EF;
  --ink: #292735;
  --indigo: #585191;
  --teal: #5FB49C;
  --lavender: #DEC0F1;
  --gold: #EFD99C;
}


/* Overall page */

body {
  background: var(--paper);
  color: var(--ink);
  font-family: "Inter", system-ui, sans-serif;
  line-height: 1.75;
}


/* Main reading width */

.container,
main,
.content {
  max-width: 720px;
}


/* Site title */

.site-title,
.logo,
header h1 {
  font-family: Georgia, "Times New Roman", serif;
  color: var(--indigo);
  font-weight: 700;
}


.site-title a,
.logo a {
  color: var(--indigo);
  text-decoration: none;
}


/* Navigation */

nav a {
  color: var(--teal);
  text-decoration: none;
}

nav a:hover {
  color: var(--indigo);
}


/* Post titles */

h1,
h2,
h3,
.post-title {
  font-family: Georgia, "Times New Roman", serif;
  color: var(--indigo);
}


.post-title a {
  color: var(--indigo);
}


/* Post body */

.post,
article {
  margin-bottom: 4rem;
}


.post p,
article p {
  font-size: 1.1rem;
}


/* Dates */

time,
.date,
.post-date {
  color: #686579;
  font-size: .9rem;
}


/* Links */

a {
  color: var(--teal);
}


a:hover {
  color: var(--indigo);
}


/* Images */

img {
  border-radius: 20px;
}


/* Quotes */

blockquote {
  background: var(--lavender);
  border-left: 6px solid var(--teal);
  padding: 1rem 1.5rem;
  border-radius: 16px;
}


/* Footer */

footer {
  color: #686579;
  border-top: 2px solid var(--gold);
  padding-top: 2rem;
}