/* Editor controls follow the application theme; report paper retains its saved design. */
:root {
  --brand: #255ca8;
  --line: #d1dbea;
  --studio-canvas: #f1f4fb;
  --studio-surface: #fcfcff;
  --studio-ink: #1c2637;
  --studio-muted: #566276;
  --studio-soft: #dce9ff;
  --studio-on-brand: #fff;
  color: var(--studio-ink);
  background: var(--studio-canvas);
  font-family: Roboto, 'Segoe UI', Arial, sans-serif;
}
body { background: var(--studio-canvas); color: var(--studio-ink); }
header, aside, .starter-section, .starter-card, dialog, #issueEditor { background: var(--studio-surface); color: var(--studio-ink); border-color: var(--line); }
button, input:not([type=checkbox]), select, textarea { background: var(--studio-surface); color: var(--studio-ink); border-color: var(--line); border-radius: 12px; min-height: 48px; }
button { border-radius: 24px; }
.primary, button.active { background: var(--brand); color: var(--studio-on-brand); }
button:hover { background: var(--studio-soft); color: var(--studio-ink); }
.primary:hover { background: var(--brand); color: var(--studio-on-brand); filter: brightness(.95); }
.muted, .starter-card p, .brand span { color: var(--studio-muted); }
.brand { font-weight: 500; }
.tabs, .flow-row, #status, .preview-note { background: var(--studio-canvas); color: var(--studio-ink); }
.starter-card img { background: var(--studio-canvas); }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
dialog { border-radius: 28px; }
@media(prefers-color-scheme:dark) {
  :root { --brand: #accbff; --line: #42516a; --studio-canvas: #131b29; --studio-surface: #202b3d; --studio-ink: #edf2fc; --studio-muted: #b8c4d7; --studio-soft: #2f486c; --studio-on-brand: #102d54; }
}
@media print { html, body { background: white; } }