/* SciStudio — base element styles mirroring frontend/src/index.css. */

body {
  margin: 0;
  color: var(--text-body);
  background: var(--bg-app);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }

button, input, textarea, select { font: inherit; }

a { color: var(--color-sea); text-decoration: none; }
a:hover { color: var(--color-ember); }

h1, h2, h3 { font-family: var(--font-display); font-weight: 500; color: var(--color-ink); }

/* Signature pill toolbar button (from index.css .toolbar-button) */
.toolbar-button {
  border: 1px solid rgba(28, 33, 27, 0.12);
  background: rgba(255, 255, 255, 0.86);
  color: #3d463c;
  border-radius: 999px;
  padding: 0.65rem 1rem;
  font-size: 0.85rem;
  cursor: pointer;
  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}
.toolbar-button:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgb(var(--ss-ember) / 0.55);
}
.toolbar-button:disabled { opacity: 0.45; cursor: not-allowed; }
.toolbar-button-dark { background: rgb(var(--ss-ink)); color: #fffdf8; border-color: transparent; }

.scrollbar-thin { scrollbar-width: thin; scrollbar-color: #d6d3d1 transparent; }