/**
 * Tokens da identidade da Gabi Antony: cores, fontes e medidas usadas em site.css.
 * Mudar a cor ou a fonte do site inteiro = mudar só aqui. */

@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/playfair-display-latin-400-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/playfair-display-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/raleway-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/raleway-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/raleway-latin-700-italic.woff2") format("woff2");
}

:root {
  /* Cores tiradas da página original do Canva */
  --preto: #000000;
  --marrom-escuro: #352009;
  --marrom: #82542b;
  --dourado-claro: #ccbba1;
  --dourado: #c8a882;
  --bege-papel: #ebe3d6;
  --branco: #ffffff;
  --texto-escuro: #0e1318;
  --degrade-dourado: linear-gradient(90deg, #ccbba1 0%, #997f68 50%, #4d3622 100%);
  --degrade-botao: linear-gradient(90deg, #4d3622 0%, #997f68 50%, #4d3622 100%);

  /* Fontes */
  --fonte-titulo: "Playfair Display", Georgia, serif;
  --fonte-texto: "Raleway", "Segoe UI", Arial, sans-serif;

  /* Medidas */
  --largura-max: 72rem;
  --raio: 1.25rem;
  --espaco: clamp(1.25rem, 4vw, 2.5rem);
}