/* Warm materials: ivory paper, espresso leather and quiet brass.
   Content contrast is independent of decorative surface colors. */
:root {
  --paper: #f8f5ef;
  --sheet: #fffdf9;
  --ink: #2c211b;
  --muted: #6e6054;
  --accent: #785b30;
  --clay: #a8844a;
  --sand: #dcc79e;
  --soft: #efe9df;
  --line: #d8cdbd;
  --shadow: 0 14px 34px rgb(44 33 27 / 12%);
}
.public-landing {
  --landing-cream: #f8f5ef;
  --landing-paper: #fffdf9;
  --landing-ink: #2c211b;
  --landing-clay: #dcc79e;
  --landing-sand: #efe9df;
  --landing-muted: #6e6054;
  --landing-action: #785b30;
  --landing-line: #cbbda7;
  --paper-shadow: 0 14px 30px rgb(44 33 27 / 12%);
}
::selection { background: #dcc79e; color: #2c211b; }
html { scrollbar-color: #a58a60 #f8f5ef; }
input, textarea { caret-color: #785b30; }
.app-layout .learning-task-symbol.study-object {
  display: block;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent url('assets/study-objects-3d.png') left center / 300% 100% no-repeat;
  box-shadow: none;
}
.app-layout .study-object.study-object--repeat { background-position: center; }
.app-layout .study-object.study-object--writing { background-position: right center; }
.app-layout .exam-pdf-icon.memo-object {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  background: transparent url('assets/study-objects-3d.png') left center / 300% 100% no-repeat;
  border: 0;
  border-radius: 0;
}
.app-layout .exam-pdf-copy .memo-title { text-decoration: none; }
.app-layout .exam-pdf-copy .memo-title:hover { text-decoration: underline; }
.app-layout .exam-pdf-copy .memo-authorship {
  width: fit-content;
  margin-top: 7px;
  padding: 2px 10px 4px;
  background: #efe5d2;
  border-radius: 6px;
  color: #684c28;
  font: italic 400 17px/1.4 'PT Serif', Georgia, serif;
}
@media (max-width: 620px) {
  .app-layout .learning-task-symbol.study-object { flex-basis: 46px; width: 46px; height: 46px; }
}