/* =========================================================
   TOKENS — cores, tipografia, espaços e tempos.
   Para mudar a identidade visual, comece por aqui.
   ========================================================= */

@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/instrument-serif-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("../fonts/inter-tight-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Cores — grafite, marfim e um único acento (cobre). */
  --grafite-900: #0b0c0d;
  --grafite-800: #0f1011;   /* fundo principal */
  --grafite-700: #17181a;
  --grafite-600: #232427;
  --marfim: #ede6d8;        /* texto principal */
  --marfim-suave: #b3ada2;  /* texto de apoio (contraste ≈ 8:1 sobre o fundo) */
  --marfim-tenue: rgba(237, 230, 216, 0.14); /* linhas finas */
  --cobre: #e39a62;         /* ACENTO ÚNICO */
  --cobre-escuro: #1a120c;  /* texto sobre o acento */
  --cobre-brilho: rgba(227, 154, 98, 0.35);

  /* Tipografia */
  --fonte-display: "Instrument Serif", "Iowan Old Style", "Times New Roman", serif;
  --fonte-texto: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tam-titulo: clamp(3rem, 7.4vw, 7.6rem);
  --tam-titulo-2: clamp(2.6rem, 5.6vw, 5.4rem);
  --tam-lead: clamp(1.25rem, 1.9vw, 1.7rem);
  --tam-texto: clamp(1rem, 1.05vw, 1.0625rem);
  --tam-rotulo: 0.75rem;

  /* Espaço */
  --margem: clamp(1rem, 4.2vw, 4.5rem);
  --topo-altura: 4.5rem;

  /* Movimento */
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
  --tempo-entrada: 1400ms;
}