/* =====================================================================
   LexRelax — tipografia
   Fraunces (títulos) + Instrument Sans (corpo), servidas do próprio
   servidor. Nada de fonts.googleapis.com: o app precisa abrir sem rede,
   e fonte que só chega pela internet quebra o offline exatamente onde
   ele mais importa.
   ===================================================================== */

/* Fraunces variável: eixos opsz (9–144) e wght (100–900).
   O opsz é o que dá o ar contemporâneo — em tamanho grande o desenho
   afina e abre; em tamanho pequeno engrossa e fecha, sozinho. */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('./fonts/fraunces-latin-opsz-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                 U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,
                 U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url('./fonts/fraunces-latin-opsz-italic.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                 U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,
                 U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face { font-family:'Instrument Sans'; font-style:normal; font-weight:400;
  font-display:swap; src:url('./fonts/instrument-sans-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family:'Instrument Sans'; font-style:italic; font-weight:400;
  font-display:swap; src:url('./fonts/instrument-sans-latin-400-italic.woff2') format('woff2'); }
@font-face { font-family:'Instrument Sans'; font-style:normal; font-weight:500;
  font-display:swap; src:url('./fonts/instrument-sans-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family:'Instrument Sans'; font-style:normal; font-weight:600;
  font-display:swap; src:url('./fonts/instrument-sans-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family:'Instrument Sans'; font-style:normal; font-weight:700;
  font-display:swap; src:url('./fonts/instrument-sans-latin-700-normal.woff2') format('woff2'); }

:root{
  --fonte-titulo: 'Fraunces', 'Playfair Display', Georgia, serif;
  --fonte-corpo:  'Instrument Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* O que faz parecer moderno não é a família: é a escala. Título grande,
   peso mais leve, entrelinha fechada e um leve aperto entre letras —
   serifada em corpo grande pede tracking negativo, senão esparrama. */
h1, h2, h3, .titulo-serif{
  font-family: var(--fonte-titulo);
  font-optical-sizing: auto;
  font-variation-settings: 'SOFT' 0, 'WONK' 0;
  letter-spacing: -0.022em;
  line-height: 1.08;
  font-weight: 600;
  text-wrap: balance;          /* evita a última linha órfã no título */
}
h1{ font-size: clamp(2.1rem, 6.2vw, 3.6rem); letter-spacing: -0.03em; }
h2{ font-size: clamp(1.6rem, 4.2vw, 2.4rem); }
h3{ font-size: clamp(1.15rem, 2.6vw, 1.5rem); line-height: 1.2; }

body{
  font-family: var(--fonte-corpo);
  font-feature-settings: 'ss01', 'cv01';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Texto corrido com mais ar. É metade do efeito que você viu nos prints. */
p{ line-height: 1.62; }

/* Rótulos em caixa-alta pedem o contrário do título: tracking positivo. */
.eyebrow, .rot, .sec-eyebrow{ letter-spacing: .14em; }