/* ==========================================================
   FONTES - ACAITERIA + VIDA

   Duas familias, com papeis separados:
     Outfit .. titulos, nomes de produto e precos. Geometrica e
               arredondada, combina com a marca e da personalidade.
     Inter ... textos corridos, descricoes e formularios. Desenhada
               para tela pequena, continua legivel em corpo miudo.

   Os arquivos ficam junto do sistema, em static/css/fonts/, e nao
   sao buscados no Google. O cardapio e um PWA que precisa funcionar
   com a internet caindo dentro da loja: fonte vinda de fora sumiria
   justamente quando a conexao falha, e ainda entregaria o endereco
   do cliente para um servidor de terceiros a cada visita.

   Recorte latino apenas, que e o que o cardapio usa. Ambas as
   familias sao licenciadas em SIL Open Font License 1.1.
   ========================================================== */

/* O swap deixa o texto aparecer na fonte do sistema enquanto a
   nossa carrega. O cliente le o cardapio na hora; a fonte entra
   depois. O contrario seria uma tela em branco no 4G fraco. */

@font-face {
    font-family: "Outfit";
    src: url("fonts/outfit-600.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: "Inter";
    src: url("fonts/inter-600.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

/* As pilhas ficam em variaveis para que trocar de fonte um dia
   seja mudar duas linhas, e nao caçar nomes espalhados no CSS. */

:root {
    --fonte-titulo: "Outfit", "Segoe UI", system-ui, -apple-system, sans-serif;
    --fonte-texto: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}