/* ==========================================================================
   base.css — tokens de cor, reset e tipografia raiz.
   Tudo que é global e não pertence a nenhum componente específico.
   ========================================================================== */

:root {
  /* fundo e superfícies */
  --ground: #161616;
  --card:   #1D1C1A;
  --linha:  #2E2B27;

  /* texto */
  --creme:  #EED9BD;
  --creme2: #D8C5AC;
  --mudo:   #A29482;

  /* acentos */
  --ouro: #EECE66;
  --rec:  #D3111A;

  /* famílias */
  --fonte-titulo: "Bebas Neue", "Arial Narrow", Impact, sans-serif;
  --fonte-mono:   "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fonte-texto:  "Poppins", ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* medidas recorrentes */
  --largura-conteudo: 620px;
  --gutter: 22px;
}

* { box-sizing: border-box }

html { -webkit-text-size-adjust: 100% }

body {
  margin: 0;
  background: var(--ground);
  color: var(--creme);
  overflow-x: hidden;
  font-family: var(--fonte-texto);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important }
}