/* Módulo CSS: _variables.css */
/* =========================================
   Módulo CSS: _variables.css (Variáveis Globais)
========================================= */

:root {
  /* Tipografia */
  --font-principal: "Inter", sans-serif;
  --font-secundaria: serif;

  /* Cores Globais */
  --bg-branco: #ffffff;
  --bg-cinza-claro: #f9f9f9;
  --bg-preto: #1a1616;
  --cor-texto: #000000;
  --cor-texto-mutado: #585858;

  /* Cores de Ação */
  --cor-primaria: #38ab6b;
  --cor-primaria-hover: #2b8553;
  --cor-erro: #ef4444;

  /* Bordas e Layout */
  --cor-borda: #d8d9da;
  --borda-raio: 8px;
  --transicao-padrao: all 0.3s ease-in-out;
}