/* MCP World product shell, DEV pilot. Product adapters supply their accent. */
.mcp-world {
  color-scheme: dark;
  --world-canvas: #090f13;
  --world-header: #080d10;
  --world-panel: #111a22;
  --world-raised: #1a2732;
  --world-border: #374754;
  --world-ink: #f4f1eb;
  --world-muted: #b8c5ce;
  --world-focus: #a6d8ff;
  --world-display: Georgia, "Times New Roman", serif;
}

.mcp-world .mcp-world-bar {
  background: var(--world-header);
  border-bottom: 1px solid var(--world-border);
}

.mcp-world .mcp-world-brand {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  color: var(--world-ink);
  text-decoration: none;
}

.mcp-world .mcp-world-mark {
  display: block;
  width: clamp(4.25rem, 13vw, 5.5rem);
  height: auto;
  flex: none;
  padding: 0;
  background: transparent;
}

.mcp-world .mcp-world-name {
  border-inline-start: 2px solid var(--world-accent);
  padding-inline-start: .75rem;
  font: 700 1.125rem/1.2 var(--world-display);
}

.mcp-world .mcp-world-title {
  color: var(--world-ink);
  font-family: var(--world-display);
  border-inline-start: 3px solid var(--world-accent);
  padding-inline-start: .65rem;
}

.mcp-world :is(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--world-focus);
  outline-offset: 2px;
}