/* Tokens do Manual de Marca Espiral: paleta, fontes, escalas e tempos. */

@font-face {
  font-family: "Manrope";
  src: url("../assets/fonts/manrope/Manrope-VF.woff2") format("woff2-variations"),
       url("../assets/fonts/manrope/Manrope-VF.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("../assets/fonts/fraunces/Fraunces-Italic-VF.woff2") format("woff2-variations"),
       url("../assets/fonts/fraunces/Fraunces-Italic-VF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --warm: #F7F6F1;   /* branco quente: fundo principal */
  --mint: #DDEDE6;   /* menta clara: fundo de apoio */
  --sage: #8FB8AC;   /* verde-água suave: apoio e formas */
  --ink: #34403B;    /* grafite esverdeado: logo e textos */
  --sun: #F29A1F;    /* laranja solar: só detalhes, nunca texto */
  --rust: #A65400;   /* laranja queimado: texto e links */

  --ink-soft: color-mix(in srgb, var(--ink) 82%, var(--warm));
  --line: color-mix(in srgb, var(--ink) 14%, transparent);
  --glass: color-mix(in srgb, var(--warm) 88%, transparent);

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --display: "Fraunces", Georgia, "Times New Roman", serif;
  --h1: clamp(40px, 6vw, 56px);
  --h2: clamp(28px, 3.4vw, 32px);

  --dur: 0.6s;
  --ease: cubic-bezier(0.25, 0.8, 0.25, 1);
  --radius: 28px;
  --gutter: clamp(16px, 5vw, 72px);
  --max: 1200px;
}