:root {
  --gm-mata: #14261c;
  --gm-milho: #f2ebdb;
  --gm-canto: #e0a32e;
  --gm-crista: #b0332b;
  --gm-pena: #6e6a5f;
  --gm-tinta: #1a1815;

  --gm-fonte-display: "Fraunces", "Palatino Linotype", Palatino, serif;
  --gm-fonte-corpo: "Karla", "Segoe UI", system-ui, sans-serif;
  --gm-fonte-util: "Space Mono", ui-monospace, monospace;

  --gm-raio: 4px;
  --gm-espaco: 1rem;
  --gm-largura: 72rem;
  --gm-header: 4.25rem;
  --gm-borda: #cfc6b3;
  --gm-milho-carta: #f7f2e6;
  --gm-mata-texto: #d9d0bd;

  --gm-foco: 0 0 0 2px var(--gm-milho), 0 0 0 4px var(--gm-canto);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --gm-movimento: 0s;
  }
}