/* App Kit base CSS. Provisional, neutral tokens. The Studio design system replaces
   these custom-property values later, restyling every app at once. */
:root {
  --kit-bg: #f6f7f9;
  --kit-surface: #ffffff;
  --kit-ink: #1f2328;
  --kit-soft: #57606a;
  --kit-line: #d8dde3;
  --kit-accent: #2f6f4f; /* provisional */
  --kit-accent-soft: #e7f1ec;
  --kit-radius: 12px;
  --kit-gap: 16px;
  --kit-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--kit-bg); color: var(--kit-ink); font-family: var(--kit-font); }
.kit-app { max-width: 960px; margin: 0 auto; padding: 0 16px 64px; }
.kit-header { padding: 20px 0 8px; }
.kit-title { font-size: 22px; margin: 0; }
.kit-tabs { display: flex; gap: 4px; flex-wrap: wrap; border-bottom: 1px solid var(--kit-line); margin-bottom: var(--kit-gap); }
.kit-tab { font: inherit; font-weight: 600; color: var(--kit-soft); background: none; border: 0; border-bottom: 2px solid transparent; padding: 10px 14px; cursor: pointer; }
.kit-tab.is-active { color: var(--kit-accent); border-bottom-color: var(--kit-accent); }
.kit-content { display: block; }
.kit-card { background: var(--kit-surface); border: 1px solid var(--kit-line); border-radius: var(--kit-radius); padding: 16px; margin-bottom: var(--kit-gap); }
.kit-btn { font: inherit; font-weight: 600; background: var(--kit-accent); color: #fff; border: 0; border-radius: 8px; padding: 9px 14px; cursor: pointer; }
.kit-btn.secondary { background: var(--kit-surface); color: var(--kit-ink); border: 1px solid var(--kit-line); }
.kit-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 650; padding: 4px 10px; border-radius: 999px; background: var(--kit-accent-soft); color: var(--kit-accent); }
.kit-state { padding: 24px; text-align: center; color: var(--kit-soft); }
.kit-error { color: #b42318; }
input, select, textarea { font: inherit; }