/* ============================================================================
 * RANADE — a fonte da marca VSX, servida por esta aplicação
 * ============================================================================
 * Recortado de E:\projetos\vsx-design-system\tokens\css\fonts.css, que declara
 * 10 faces (5 pesos x normal/itálico). Aqui vão só as TRÊS que o
 * `tokens.css` referencia (--font-weight-regular 400, medium 500, bold 700),
 * porque cada face é ~20 KB e as outras sete nunca seriam pedidas.
 *
 * Todos os pesos compartilham o MESMO font-family 'Ranade', com font-weight
 * numérico -- é o que faz `--font-family-base: Ranade, system-ui, sans-serif`
 * resolver o arquivo certo sem trocar o nome da fonte.
 *
 * Os .woff2 são cópia literal de vsx-design-system/brand/fonts/. Formato único:
 * woff2 é suportado por todo navegador que roda esta aplicação, e woff/ttf
 * dobrariam o peso da pasta sem atender ninguém a mais.
 *
 * `font-display: swap`: a tela aparece na hora com a fonte de sistema e troca
 * quando a Ranade chega. Sem isso, 60 KB de fonte seguram o texto em branco.
 *
 * PÚBLICO, como o logo: a tela de login também usa a fonte, e quem ainda não
 * entrou precisa dela. Ver a rota em server.js, seção PUBLICO.
 * ============================================================================ */

@font-face {
  font-family: 'Ranade';
  src: url('./fonts/Ranade-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ranade';
  src: url('./fonts/Ranade-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ranade';
  src: url('./fonts/Ranade-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}