/* Mesón — base: variáveis CSS, reset mínimo, tipografia.
   Extensões por módulo vivem no próprio HTML ou em /shared/styles/*. */

:root {
  --color-bg: #fafaf7;
  --color-fg: #1f1d1a;
  --color-muted: #6b6660;
  --color-accent: #c8602a;
  --color-border: #e6e2dc;
  --color-danger: #b91c1c;
  --color-success: #16a34a;
  --color-warn: #d97706;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html.theme-dark {
  --color-bg: #16140f;
  --color-fg: #f0ebe3;
  --color-muted: #8f887e;
  --color-border: #2b261f;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-fg);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

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

a { color: var(--color-accent); }

code, pre { font-family: var(--font-mono); }