/* Weathered field journal. Texture belongs to surfaces, never to the video. */
:root {
  --paper: #ffffff;
  --white: #ffffff;
  --ink: #171717;
  --charcoal: #292929;
  --muted: #626262;
  --line: #c6c6c6;
  --accent: #333333;
  --graphite: #5a5a5a;
  --score: #333333;
  --grain: url("/assets/paper-grain.svg");
  accent-color: #292929;
}
::selection { background: #292929; color: #ffffff; }
body { background-color: #ffffff; }
.site-header {
  background-color: #ffffff;
  background-image: var(--grain);
  border-bottom-color: #a8a8a8;
  box-shadow: 0 2px 0 #eeeeee;
}
.brand-mark {
  color: #ffffff;
  background-color: #292929;
  background-image: var(--grain);
  border: 1px solid #555555;
  box-shadow: inset 0 0 0 2px #292929, inset 0 0 0 3px #6a6a6a;
}
.eyebrow, .card-meta > span:first-child, .item-id, .header-count dd {
  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
h1, h2, h3 { color: #111111; }
.page-intro, .intro, .excerpt { color: #555555; }
.eyebrow { color: #555555; }
.site-header nav a:hover, .header-editor:hover { color: #111111; }
.site-header nav a:hover { text-decoration: underline; text-underline-offset: 7px; }
.header-count dd { color: #222222; }
.header-count dt { color: #666666; }
.page-heading {
  border-bottom: 0;
  margin-bottom: 24px;
}
.post-card {
  background-color: #fafafa;
  background-image: var(--grain), linear-gradient(135deg, #ffffff, #f3f3f3);
  border-color: #bdbdbd;
  border-top: 4px solid #292929;
  box-shadow: 3px 3px 0 #e8e8e8;
}
.post-card.poem {
  background-color: #ededed;
  background-image: var(--grain), linear-gradient(135deg, #f4f4f4, #e5e5e5);
  border-top: 4px double #555555;
}
.post-card:hover, .post-card.poem:hover {
  background-color: #f2f2f2;
  background-image: var(--grain), linear-gradient(135deg, #f7f7f7, #eaeaea);
  border-color: #777777;
  box-shadow: 3px 3px 0 #d4d4d4;
}
.post-card .card-meta > span:first-child { color: #444444; }
.post-card .read-arrow { color: #222222; }
.bucket-controls { border-top-color: #292929; }
.table-wrap, .workspace {
  border-color: #bdbdbd;
  box-shadow: 3px 3px 0 #ededed;
}
.bucket-table th, .toolbar {
  color: #242424;
  background-color: #e9e9e9;
  background-image: var(--grain), linear-gradient(#f1f1f1, #e5e5e5);
}
.bucket-table td, .item { background-color: #ffffff; }
.bucket-table tr:hover td, .item:hover { background-color: #f6f6f6; }
.rating.effort, .stars { color: #333333; }
.rating.experience, .scores > div:nth-child(n+3) .stars { color: #5a5a5a; }
.rating-number, .number { color: #292929; }
.tag {
  color: #484848;
  background: #f3f3f3;
  border: 0;
  border-radius: 0;
}
input, textarea, select { accent-color: #292929; }
input::placeholder, textarea::placeholder { color: #747474; opacity: 1; }
option:checked { color: #ffffff; background-color: #292929; }
.reading-header {
  border-bottom: 3px double #777777;
  background-image: var(--grain);
}
.reading-page.poem .reading-header { border-bottom-color: #777777; }
.reading-body { color: #242424; }
.site-footer { border-top: 0; }
.site-footer .footer-wordmark, .footer-wordmark span { color: #333333; }
.notice {
  color: #292929;
  background: #ededed;
  border: 0;
}
.message.error, .form-error { color: #222222; font-weight: 700; }
.form-error:not(:empty) { border-left: 3px solid #292929; padding-left: 12px; }
button.danger { color: #ffffff; background: #292929; border-color: #292929; }
button.danger:hover { background: #111111; }
.item-actions .delete { color: #333333; text-decoration: underline; text-underline-offset: 3px; }
dialog {
  background-color: #f7f7f7;
  background-image: var(--grain);
  border-color: #bdbdbd;
  border-top-color: #292929;
  box-shadow: 0 18px 60px #00000033;
}
dialog::backdrop { background: #16161680; }
@media (max-width: 760px) {
  .table-wrap { box-shadow: none; }
  .bucket-table tr { border-color: #bdbdbd; box-shadow: 2px 2px 0 #eeeeee; }
  .bucket-table tr:hover td { background: transparent; }
}