/* Font Scale - Redução proporcional de todas as fontes do sistema */

/* 
 * Este arquivo permite reduzir proporcionalmente todas as fontes do sistema
 * alterando apenas o font-size do elemento html (root)
 * 
 * Valores sugeridos:
 * - 90% = redução de 10%
 * - 85% = redução de 15% 
 * - 80% = redução de 20%
 * - 75% = redução de 25%
 */

/* Redução padrão de 10% em todas as fontes */
html {
    font-size: 70%; /* Reduz todas as fontes em 10% */
}

/* Alternativas comentadas - descomente a que desejar usar */

/* Redução de 15% */
/*
html {
    font-size: 85%;
}
*/

/* Redução de 20% */
/*
html {
    font-size: 80%;
}
*/

/* Redução de 25% */
/*
html {
    font-size: 75%;
}
*/

/* Para voltar ao tamanho original, use 100% */
/*
html {
    font-size: 100%;
}
*/

/* 
 * IMPORTANTE: Esta abordagem afeta:
 * - Todos os textos do sistema
 * - Elementos que usam unidades em, rem
 * - Espaçamentos baseados em font-size
 * - Ícones que usam font-size
 * 
 * NÃO afeta:
 * - Elementos com font-size em px fixo
 * - Imagens
 * - Bordas em px
 * - Alguns elementos do Bootstrap que usam px
 */

/* Ajustes específicos para manter proporções em elementos críticos */
.navbar-brand {
    /* Mantém o logo/marca com tamanho adequado */
    font-size: 1.5rem !important;
}

/* Ajuste para ícones pequenos que podem ficar muito pequenos */
.btn-sm i,
.badge i,
.spinner-border-sm {
    font-size: 1em !important;
}

/* Garante que inputs não fiquem muito pequenos */
.form-control,
.form-select,
.btn {
    min-height: 38px;
}

/* Ajuste para tabelas em dispositivos móveis */
@media (max-width: 768px) {
    .table-responsive {
        font-size: 0.9rem !important;
    }
}