/* Toolkit Scape — design system entry (strict dark + gold) */
@import url("css/01-tokens.css");
@import url("css/02-base.css");
@import url("css/03-layout-shell.css");
@import url("css/04-components/buttons.css");
@import url("css/04-components/forms.css");
@import url("css/04-components/cards.css");
@import url("css/04-components/chips.css");
@import url("css/04-components/status.css");
@import url("css/04-components/modal.css");
@import url("css/04-components/upload.css");
@import url("css/05-patterns/ux-states.css");
@import url("css/05-patterns/workflow.css");
@import url("css/05-patterns/legal.css");
@import url("css/05-patterns/ad-slots.css");
@import url("css/06-tabs/convert.css");
@import url("css/06-tabs/photo.css");
@import url("css/06-tabs/text-edit.css");
@import url("css/06-tabs/audiowave.css");

/* Legacy tab pill styles (unused with sidebar; kept for compatibility) */
.tab-btn {
  padding: 0.6rem 1.15rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--muted);
  font-size: var(--text-base);
  font-weight: 600;
  cursor: pointer;
}

.tab-btn.active {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}