/* App-level additions on top of design-system.css — layout glue only,
   no colors/spacing/radius values that the tokens already carry. */

body { margin: 0; -webkit-font-smoothing: antialiased; }
::placeholder { opacity: 0.55; }

@keyframes dd-spin { to { transform: rotate(360deg); } }
@keyframes dd-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

#root {
  min-height: 100vh;
  display: flex;
  font-size: 15px;
  background: var(--color-bg);
  color: var(--color-text);
}

.dd-sidebar-toggle { cursor: pointer; }
.dd-sidebar-nav-item { cursor: pointer; background: none; }
.dd-sidebar-nav-item:hover { color: var(--color-text) !important; }

.dd-site-pick:hover { border-color: var(--color-accent) !important; }

textarea.input { font-family: monospace; font-size: 12.5px; }

button.btn { font-family: var(--font-heading); }