/* Base compartilhada pelas tres interfaces.
   Regras 3.1 a 3.3 da spec: paleta fechada, pixel duro, sem canto arredondado,
   sem sombra com blur, transicoes em quadros discretos. */

@font-face {
  font-family: 'Press Start 2P';
  src: url('/assets/fonts/press-start-2p-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/fonts/noto-sans-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/fonts/noto-sans-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/fonts/noto-sans-800.woff2') format('woff2');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'Schoolbell';
  src: url('/assets/fonts/schoolbell-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

:root {
  --gp-roxo: #4A4BA6;
  --gp-roxo-escuro: #3A3B85;
  --gp-noite: #1B1C4A;
  --gp-amarelo: #F5C518;
  --gp-coral: #E8403A;
  --gp-ciano: #1EC8CC;
  --gp-verde: #4CAF50;
  --gp-rosa: #E91E8C;
  --gp-papel: #FFFFFF;
  --gp-tinta: #1F2033;

  --gp-pixel: 'Press Start 2P', monospace;
  --gp-sans: 'Noto Sans', system-ui, -apple-system, sans-serif;
  --gp-mao: 'Schoolbell', cursive;

  /* Transicao em quadros discretos: nada de easing suave (spec 3.3). */
  --gp-steps: steps(4, end);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--gp-noite);
  color: var(--gp-papel);
  font-family: var(--gp-sans);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

img, canvas { image-rendering: pixelated; }

button, input {
  font-family: inherit;
  border-radius: 0;          /* canto arredondado nao existe neste jogo */
}

button { cursor: pointer; }

::selection { background: var(--gp-amarelo); color: var(--gp-tinta); }