/*
 * Ponto de entrada dos tokens do design system Oli (@oli/ui). Importa, nessa ordem, as
 * fontes, as cores (com os aliases semânticos), a tipografia, o espaçamento, os tokens
 * semânticos novos, o tema escuro e as medidas específicas de componentes; depois aplica
 * um conjunto mínimo de estilos base.
 */
@import './fonts.css';
@import './colors.css';
@import './typography.css';
@import './spacing.css';
@import './semantic.css';
@import './dark.css';
@import './components.css';

*,
::before,
::after {
  box-sizing: border-box;
}

body {
  background: var(--bg-app);
  color: var(--text-body);
  font-family: var(--font-sans);
  margin: 0;
}

:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}