/* Identidade visual da coleção GRaMo Entrelaços (paleta, fonte e imagens do layout da autora).
   Tudo o que é "de marca" fica aqui; o layout está em estilo.css.
   Para trocar as imagens, use ferramentas/otimizar-identidade.py (ver LEIA-ME.md). */

@font-face {
  font-family: "Gramo Manuscrita";
  src: url("../fonts/fonte-manuscrita.woff") format("woff");
  font-display: swap;
}

:root {
  /* Paleta indicada pela autora */
  --cor-bordo: #af0044;
  --cor-papel: #f3eee3;
  --cor-branco: #ffffff;

  /* Aplicação */
  --cor-fundo: var(--cor-bordo);           /* fundo da página: abertura e guarda-roupa */
  --cor-sobre-fundo: var(--cor-branco);    /* títulos e textos sobre o bordô */
  --cor-superficie: var(--cor-branco);     /* cartões das peças */
  --cor-texto: #2b2623;                    /* texto sobre o papel */
  --cor-texto-suave: #6e655f;
  --cor-linha: #e3dbd2;
  --cor-destaque: var(--cor-bordo);        /* botões e títulos sobre o papel */
  --cor-destaque-texto: var(--cor-papel);  /* texto sobre a cor de destaque */

  /* Texturas de papel (com a borda rasgada já desenhada) */
  --img-papel-fundo: url("../assets/identidade/papel-fundo.webp");
  --img-papel-topo: url("../assets/identidade/papel-topo.webp");

  /* Fontes */
  --fonte-titulo: "Gramo Manuscrita", "Segoe Script", "Brush Script MT", cursive;
  --fonte-texto: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Formas */
  --raio-botao: 999px;
  --raio-peca: 20px;
}