@import url("https://fonts.googleapis.com/css2?family=Playwrite+US+Modern+Guides&display=swap");

:root {
  --paper: #fffaf0;
  --paper-2: #edf5ef;
  --ink: #24332d;
  --muted: #68776f;
  --line: #cbd8d0;
  --accent: #2f6f55;
  --accent-2: #1f4d3c;
  --danger: #a4473d;
  --pencil: #d3a43b;
}

.topbar {
  background:
    linear-gradient(90deg, rgba(211, 164, 59, 0.12), transparent 34%),
    var(--paper-2);
  border-bottom-color: var(--line);
}

.topbar h1,
.login-card h1 {
  color: var(--accent-2);
  font-family: "Playwrite US Modern Guides", cursive;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.composer,
.note-card,
.login-card {
  box-shadow: 0 0.25rem 1rem rgba(31, 77, 60, 0.06);
}

button:not(.secondary, .danger),
.file-button:not(.secondary) {
  box-shadow: 0 0.12rem 0.35rem rgba(31, 77, 60, 0.18);
}

textarea:focus,
input:focus {
  border-color: var(--accent);
  outline: 0.18rem solid rgba(47, 111, 85, 0.16);
}

::selection {
  background: rgba(211, 164, 59, 0.3);
}