/* ============================================================
   PALETA DE COLORES Y VARIABLES GLOBALES
   ============================================================ */
/*
*/   
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Poppins:wght@400;600&display=swap');
:root {
  /*paleta original */
  --card-bg-color: #F3F1EA;
  --card-border-color: #175f06;
  --card-hover-scale: 1.02;
  --card-width: 260px;
  --card-height: 300px;
  --card-image-aspect-ratio: 4 / 5;
  --card-border-radius: 2em;
  --card-transition-duration: 0.2s;
  --card-transition-ease: ease-in-out;
  --background-color: #b2c29d;
  --txt: #2A2A2A;
  /* -------------------------------------- */

  /* Verdes */
  --green-main: #175f06;
  --green-dark: #0f3f04;
  --green-light: #A8D596;
  --green-soft: #DFF1D9;
  --green-accent: #4FAF2F;
  --green:#2e7d32;
  

  /* Rojos */
  --red-main: #c62828;
  --red-accent: #ff5858;
  --red-soft: #ffe5e5;

  /* Grises */
  --txt-light: #555;
  --txt-muted: #777;
  --line-soft: #E0E0E0;
  --card-shadow: rgba(0, 0, 0, 0.08);
  /*amarillo */
  --yellow-main: #decc24;
  /* UI */
  --btn-bg: var(--green-accent);
  --btn-bg-hover: #3a9124;
  --btn-txt: #fff;

  --price-color: var(--green-main);
  --discount-color: var(--red-main);
  /* Typografias*/
  --font-primary: 'Poppins', sans-serif;
  --font-title: 'Merriweather', serif;
   
}