/* ═══════════════════════════════════════════════════════════════════
   BASE CSS — typography, reset, scrollbar.
   Depends on tokens.css being loaded first.
   Class prefix: .ia-  (avoids Bootstrap conflicts).

   Sessão 5 split: componentes mudaram para arquivos próprios em
   static/shared/* (buttons, tables, forms, filters, nav, layout, tabs,
   badges, pagination, cards, banners, kpi, messages, impersonation,
   home-modules) e static/modules/* (agenda, doc-modules).
   Cascade preservado pela ordem dos <link> em templates/base_master.html
   (tokens primeiro, base por último).
   ═══════════════════════════════════════════════════════════════════ */

/* ── Box-sizing reset ── */
*, *::before, *::after {
    box-sizing: border-box;
}

/* ── Typography ── */
body {
    font-family: var(--font-body);
    background: var(--bg-deep);
    color: var(--text-primary);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--text-primary);
    letter-spacing: -0.02em;
}

/* ── Scrollbar theming ── */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-deep);
}
::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

dialog { background: var(--bg-elevated); color: var(--text-primary); }