@import "tailwindcss";

@theme {
  --color-verde-glm: #6CC24A;
  --color-verde-claro: #A4D65E;
  --color-lima: #C4D600;
  --color-menta: #68D2A0;
  --color-azul-glm: #4F758B;
  --color-azul-medio: #5B7F95;
  --color-acero: #6B8FA3;
  --color-teal: #2C6E6F;
  --color-naranja: #FF6A13;
  --color-dorado: #F0C75E;
  --color-ambar: #FF8C00;
  --color-gris-oscuro: #4A4A4A;
  --color-gris-medio: #D0D0D0;
  --color-gris-claro: #F5F5F5;
  --color-verde-bg: #EEF6E8;
  --color-azul-seccion: #D6E8F4;
  --color-verde-ok: #E8F5E9;
  --color-amarillo-medio: #FFF8E1;
  --color-rojo-suave: #FDECEA;
  --color-amarillo-input: #FFF3CD;
}

body {
  margin: 0;
  font-family: Arial, system-ui, sans-serif;
  color: var(--color-gris-oscuro);
  background: var(--color-gris-claro);
}

#root {
  min-height: 100svh;
}