/* Override leve do Drasl.
   Mexe so em tipografia e cor de destaque -- o fundo e os blocos ficam como
   o Drasl desenhou, porque sobrescrever as superficies deixava o cinza
   brigando com o layout original. */
@import url('/web/public/style-original.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@600;700&display=swap');

:root {
  /* vermelho da pokebola no lugar do teal padrao */
  --accent:         #E63946;
  --accent-dark:    #B21E2F;
  --accent-darker:  #7E1420;
  --accent-light:   #F7A1A8;
  --accent-lighter: #FBD5D8;
  --font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  font-family: var(--font-family);
  line-height: 1.6;
}

h1, h2, h3, legend {
  font-family: "Space Grotesk", var(--font-family);
  letter-spacing: -.015em;
}

input, select, textarea {
  font-family: var(--font-family);
  padding: 9px 11px;
}

button, input[type="submit"] {
  font-family: var(--font-family);
  font-weight: 600;
  cursor: pointer;
}

code, pre, .mono {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

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