/*
 * Escala tipográfica do design system.
 * Fonte: docs/knowledge-base/design-system/spec.md, seção 2.
 *
 * Fonte: system font stack (sem carregamento de fonte externa, meta de performance/custo baixo).
 *
 * Tamanhos (`--font-size-*` + classes utilitárias):
 *   .text-xs   12px - legendas, timestamps, badges
 *   .text-sm   14px - texto padrão de UI (labels, botões secundários, corpo de tabela)
 *   .text-base 16px - corpo de texto principal, inputs
 *   .text-lg   20px - título de card/seção
 *   .text-xl   24px - título de tela (mobile)
 *   .text-2xl  32px - título de tela (desktop) e números de KPI do dashboard
 *
 * Pesos (`--font-weight-*` + classes utilitárias):
 *   .font-regular  400 - corpo
 *   .font-medium   500 - labels/botões
 *   .font-semibold 600 - títulos de seção
 *   .font-bold     700 - só números de destaque (KPI do dashboard)
 */

:root {
    --font-family-base: -apple-system, "Segoe UI", Roboto, sans-serif;

    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
}

body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-regular);
}

.text-xs   { font-size: var(--font-size-xs); }
.text-sm   { font-size: var(--font-size-sm); }
.text-base { font-size: var(--font-size-base); }
.text-lg   { font-size: var(--font-size-lg); }
.text-xl   { font-size: var(--font-size-xl); }
.text-2xl  { font-size: var(--font-size-2xl); }

.font-regular  { font-weight: var(--font-weight-regular); }
.font-medium   { font-weight: var(--font-weight-medium); }
.font-semibold { font-weight: var(--font-weight-semibold); }
.font-bold     { font-weight: var(--font-weight-bold); }