/* base.css — reset + tipografia. Tema é responsabilidade de theme-*.css */

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: 100dvh;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: var(--bg);
  color: var(--fg);
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

button { font: inherit; cursor: pointer; }

code, pre {
  font-family: ui-monospace, 'SF Mono', Consolas, 'Liberation Mono', monospace;
  font-size: 0.92em;
}

img, svg { max-width: 100%; display: block; }

/* layout root */
#app { min-height: 100dvh; padding: 24px; max-width: 1200px; margin: 0 auto; }

.view-header {
  display: flex; align-items: baseline; gap: 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 16px;
}

.view-header h1 { font-size: 22px; margin: 0; font-weight: 600; }

.badge {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 500;
}

.placeholder p { margin: 0 0 12px; }
.placeholder ul { padding-left: 20px; }
.placeholder li { margin-bottom: 6px; color: var(--fg-muted); }
.placeholder code { background: var(--surface); padding: 1px 6px; border-radius: 4px; }