/* ════════════════════════════════════════════════════════════════════════════
   Roboto — FONTE SERVIDA LOCALMENTE (não mais pelo CDN cdnfonts.com)
   ════════════════════════════════════════════════════════════════════════════

   PROBLEMA (antes):
     O index.html carregava a Roboto por um <link> externo:
         <link href="https://fonts.cdnfonts.com/css/roboto" rel="stylesheet">
     Esse CSS é "render-blocking": o navegador só começa a pintar a página
     DEPOIS de baixar o CSS e, em seguida, os arquivos .woff. Quando o CDN
     cdnfonts.com está lento (o que acontecia no VPS), o reload demorava
     muito e o console mostrava:
         "[Intervention] Slow network is detected. Fallback font will be used"

   SOLUCAO (agora):
     Baixamos o CSS do cdnfonts e os 12 arquivos .woff para dentro de
     public/, que o Quasar/Vite serve pelo próprio domínio. As URLs abaixo
     são relativas (../fonts/roboto/), portanto resolvem para
         /fonts/roboto/Roboto-Regular.woff
     servidas localmente, sem depender de rede externa.

   COMO MANTER:
     Se precisar atualizar a Roboto, baixe novamente os .woff do cdnfonts
     (https://fonts.cdnfonts.com/s/12165/<Nome>.woff) para
     public/fonts/roboto/ e mantenha os @font-face abaixo em sincronia.
     NUNCA volte a apontar o <link> para o CDN externo.
   ════════════════════════════════════════════════════════════════════════════ */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), url('../fonts/roboto/Roboto-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto'), url('../fonts/roboto/Roboto-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto'), url('../fonts/roboto/Roboto-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto'), url('../fonts/roboto/Roboto-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Thin';
    font-style: normal;
    font-weight: 250;
    src: local('Roboto Thin'), url('../fonts/roboto/Roboto-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Thin';
    font-style: italic;
    font-weight: 250;
    src: local('Roboto Thin'), url('../fonts/roboto/Roboto-ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), url('../fonts/roboto/Roboto-Light.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Light';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light'), url('../fonts/roboto/Roboto-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), url('../fonts/roboto/Roboto-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Medium';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium'), url('../fonts/roboto/Roboto-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), url('../fonts/roboto/Roboto-Black.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Black';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black'), url('../fonts/roboto/Roboto-BlackItalic.woff') format('woff');
}