:root {
  --cor-quadra: #1f6f4a;
  --cor-quadra-escura: #16543a;
  --cor-quadra-clara: #e6f2ec;
  --cor-bola: #d7f04b;
  --cor-bola-escura: #c2dc2f;
  --cor-fundo: #f5f7f2;
  --cor-superficie: #ffffff;
  --cor-texto: #1c2321;
  --cor-texto-suave: #5b6661;
  --cor-borda: #d5dbd6;
  --cor-erro: #c0392b;
  --cor-erro-fundo: #fdecea;

  --raio: 12px;
  --raio-pequeno: 8px;
  --espaco: 16px;
  --sombra: 0 2px 12px rgba(28, 35, 33, 0.08);
  --transicao: 150ms ease;
  --fonte: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

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

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--fonte);
  font-size: 16px;
  line-height: 1.5;
  background: var(--cor-fundo);
  color: var(--cor-texto);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  margin: 0;
  line-height: 1.2;
}