/* Publisher — the app's own stylesheet. kit.css (loaded first) holds the
   shared design and every token; this file sets only the accent and the few
   components that exist only here.

   The accent is violet, the one family colour not taken (orange, wine red,
   blue and deep green are). css_contrast_test.go checks every pair: white on
   --accent (buttons, the selected language) at 4.5:1; --accent-strong as text
   and icons on every background and on --accent-soft at 4.5:1. Dark mode keeps
   the same structure as light: light text on a deep, saturated fill, and a
   brighter violet for text on the dark page. */

:root {
  --accent: #6b3fa0;
  --accent-strong: #573187;
  --accent-contrast: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #7a48c8;
    --accent-strong: #b69cf0;
    --accent-contrast: #ffffff;
  }
}

/* ---- capture ---- */

.note-input {
  min-height: 40vh;
}

/* "New note" and "Add a note": full width above the list, as plate-and-glass's
   .add-drink. */
.page-action {
  width: 100%;
  margin-bottom: var(--space-2);
}

/* ---- the draft / publish panel on a topic page ---- */

/* Buttons stack in the panel the way plate-and-glass stacks them in a form. */
.site-panel .btn,
.site-panel form {
  margin-bottom: var(--space-2);
}

.site-head {
  margin: 0 0 var(--space-2);
}

.site-title {
  font-weight: 600;
  margin: 0 0 var(--space-1);
}

/* An engine error keeps its line breaks (the last lines of stderr). */
.job-error {
  white-space: pre-wrap;
  word-break: break-word;
}