/* TOKENS — Variáveis globais */
:root {
  /* Cores */
  --cor-fundo: #0B0B0C;
  --cor-fundo-externo: #050506;
  --cor-superficie: #141416;
  --cor-elevacao: #1D1D20;
  --cor-borda: #2A2A2E;
  --cor-texto: #FFFFFF;
  --cor-texto-secundario: #9A9AA0;
  --cor-desativado: #55555A;
  --cor-accent: #FFFFFF;
  --cor-accent-texto: #0B0B0C;
  --cor-sucesso: #FFFFFF;
  --cor-erro: #FFFFFF;

  /* Raio */
  --raio-card: 14px;
  --raio-chip: 999px;
  --raio-btn: 10px;

  /* Espaçamento */
  --esp-xxs: 4px;
  --esp-xs: 8px;
  --esp-sm: 12px;
  --esp-md: 16px;
  --esp-lg: 20px;
  --esp-xl: 24px;
  --esp-xxl: 32px;

  /* Tipografia */
  --font-sistema: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Inter', monospace;

  /* Tamanhos de texto */
  --texto-xxs: 0.625rem;
  --texto-xs: 0.6875rem;
  --texto-sm: 0.75rem;
  --texto-md: 0.8125rem;
  --texto-base: 0.875rem;
  --texto-lg: 1rem;
  --texto-xl: 1.125rem;
  --texto-xxl: 1.5rem;

  /* Pesos */
  --peso-normal: 400;
  --peso-medio: 500;
  --peso-semi: 600;
  --peso-bold: 700;
  --peso-extra: 800;

  /* Espaçamento entre letras */
  --ls-micro: 0.08em;

  /* Dimensões */
  --altura-bottomnav: 56px;
  --altura-topbar: 56px;
  --max-coluna: 520px;
  --card-largura: 168px;
  --card-altura-img: 112px;
  --alvo-min: 44px;

  /* Safe area */
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  /* Transições */
  --trans-rapida: 120ms ease;
  --trans-normal: 200ms ease;
  --trans-lenta: 300ms ease;

  /* Blur */
  --blur-card: 14px;
}