/* ============================================================================
   TYPOGRAPHY CROSS-PLATFORM RESET

   Garante renderizacao tipografica identica em Windows, macOS, Linux e mobile.
   Visual Apple/Retina em qualquer sistema operacional.

   Importado via layout.css → carregado em TODAS as paginas da plataforma.

   Regras:
   - Fonte primaria: Inter (Google Fonts, variavel, 300-800)
   - Fallback: -apple-system → BlinkMacSystemFont → Segoe UI → sans-serif
   - Antialiasing forcado (subpixel no Mac, grayscale no Windows)
   - Optical sizing e feature settings do Inter ativados
   - Nao altera cores, layout, espacamentos, paddings ou margins
   - Nao afeta fontes de icones (Font Awesome, Material Icons, SVG)
   ============================================================================ */

/* Inter variavel — peso 300 a 800, carregamento otimizado */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ----------------------------------------------------------------------------
   Antialiasing global — forca subpixel-quality em todos os SOs.
   text-rendering: optimizeLegibility ativa ligatures e kerning do Inter.
   ---------------------------------------------------------------------------- */
*, *::before, *::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ----------------------------------------------------------------------------
   Raiz tipografica

   font-feature-settings:
     cv11 = alternativa "l" com serifa (distingue de "1" em tabelas)
     ss01 = formas alternativas de digitos (mais legivel em UI)
     ss03 = formas alternativas de "a" (single-story, mais limpo)
   ---------------------------------------------------------------------------- */
html {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-feature-settings: 'cv11', 'ss01', 'ss03';
    font-optical-sizing: auto;
    letter-spacing: -0.011em;
    word-spacing: -0.02em;
}

body {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

/* ----------------------------------------------------------------------------
   Headings — peso 600, tracking mais apertado (estilo Apple HIG)
   ---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

/* ----------------------------------------------------------------------------
   Corpo de texto — peso 400, tracking Apple-padrao
   ---------------------------------------------------------------------------- */
p, li, td, th, span, a, label, input, textarea, select, button {
    font-weight: 400;
    letter-spacing: -0.011em;
}

/* ----------------------------------------------------------------------------
   Meta/caption — tamanho menor, tracking normal (compensa tamanho reduzido)
   ---------------------------------------------------------------------------- */
small, .caption, .meta {
    font-weight: 400;
    letter-spacing: 0;
    font-size: 0.875rem;
}

/* ----------------------------------------------------------------------------
   Inputs e botoes — herdam fonte do documento (evita serif padrao do browser)
   ---------------------------------------------------------------------------- */
input, textarea, select, button {
    font-family: inherit;
}

/* ----------------------------------------------------------------------------
   Code/pre — preserva monospace (nao aplica Inter)
   ---------------------------------------------------------------------------- */
code, pre, kbd, samp, .monospace {
    font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;
}