/* MarotAI Design System · Base v1 */
* { box-sizing: border-box; }

html { background: var(--marotai-bg); }

body.marotai-page {
  margin: 0;
  min-height: 100vh;
  color: var(--marotai-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, .16), transparent 34%),
    radial-gradient(circle at top right, rgba(167, 139, 250, .12), transparent 32%),
    linear-gradient(180deg, var(--marotai-bg) 0%, var(--marotai-bg-soft) 100%);
}

a { color: inherit; text-decoration: none; }

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

.marotai-page-shell {
  min-height: 100vh;
  padding: var(--marotai-page-gap);
}

.marotai-shell {
  width: min(var(--marotai-content-width), calc(100vw - 56px));
  margin: 0 auto;
}

@media (max-width: 900px) {
  .marotai-page-shell { padding: 16px; }
  .marotai-shell { width: 100%; }
}