/* css/palette.css */

:root {
  /* Paleta de colores principal, basada en tu logo */
  --color-primary-green: #85b135;
  --color-dark-gray: #4a4e52;

  /* Colores de soporte para una paleta completa */
  --color-background-light: #f7f9fa; /* Un gris muy claro para fondos */
  --color-text-primary: #333333; /* Texto principal, un poco más suave que el negro puro */
  --color-text-secondary: #6c757d; /* Texto secundario o subtítulos */
  --color-white: #ffffff;
  --color-border: #e0e0e0; /* Para bordes sutiles */
  --color-green-hover: #769d2e; /* Un verde un poco más oscuro para interacciones */
}