/**
 * Espelha o sistema de cores do Tailwind em CSS variables.
 * Use em componentes que ainda não estão 100% em Tailwind.
 */
:root {
  --logicom-black: #0e1315;
  --logicom-white: #ffffff;
  --logicom-soft: #eff3f5;
  --logicom-muted: #606163;
  --logicom-gray: #252525;
  --logicom-orange: #f76100;
  --logicom-orange-dark: #cc5200;
  --logicom-orange-soft: #fff4eb;

  /* aliases legados (home.css / componentes antigos) */
  --Preto: var(--logicom-black);
  --Branco: var(--logicom-white);
  --BrancoB: var(--logicom-soft);
  --Cinza: var(--logicom-gray);
  --Cinza-claro: var(--logicom-muted);
  --Laranja: var(--logicom-orange);
  --Lar-escuro: var(--logicom-orange-dark);
}