:root {
/* Backgrounds */
--bg: #f4f6f8; /* cinza claro do fundo */
--surface: #ffffff; /* cartões e áreas elevadas */
--surface-2: #f9fafb; /* superfícies secundárias */


/* Text */
--text: #1f2937; /* cinza-900 */
--text-muted: #6b7280; /* cinza-500 */


/* Brand (azul) – tons inspirados no Tailwind Blue */
--primary-50: #eff6ff;
--primary-100: #dbeafe;
--primary-200: #bfdbfe;
--primary-300: #93c5fd;
--primary-400: #60a5fa;
--primary-500: #3b82f6;
--primary-600: #2563eb;
--primary-700: #1d4ed8;


--border: #e5e7eb;
--ring: rgba(37, 99, 235, 0.25);


--success-bg: #ecfdf5;
--success-text: #065f46;


--warning-bg: #fffbeb;
--warning-text: #92400e;


--error-bg: #fef2f2;
--error-text: #991b1b;


--info-bg: #eff6ff;
--info-text: #1e3a8a;