:root {
  /* ======== PALETA BASE (no se toca) ======== */
  --brand: #9cc5a1;         
  --brand-light: #dce9d7;   
  --brand-dark: #6b8e77;    
  --muted: #6b6b6b;         
  --bg-light: #f9faf9;      
  --shadow: 0 4px 16px rgba(156, 197, 161, 0.15);
  --sombra-suave: 0 4px 12px rgba(156, 197, 161, 0.15);
  --borde-radio: 14px;
  --transicion: all 0.3s ease;

  --color-principal: #9cc5a1;
  --color-secundario: #6b8e77;
  --color-fondo: #f9faf9;
  --color-texto: #333;
  --color-blanco: #ffffff;
--icon_color: #637c3c;
 --bg_color:#496e44;
 --bg_color_oscuro:#2f4c2c;

  /* 💚 MENTA */
  --menta-light: #dcefe3;     /* Suave, para fondos */
  --menta: #9cc5a1;           /* Principal menta */
  --menta-medium: #83b58d;    /* Para botones o hover */
  --menta-dark: #5f8d6b;      /* Texto o bordes */
  --menta-shadow: 0 4px 14px rgba(156, 197, 161, 0.18);

  /* 🌸 PASTEL */
  --pastel-light: #e3f3e9;    /* Fondo o tarjetas */
  --pastel: #a8d5ba;          /* Principal */
  --pastel-medium: #90c3a3;   /* Hover o acentos */
  --pastel-dark: #6fa887;     /* Texto o bordes */
  --pastel-shadow: 0 4px 14px rgba(168, 213, 186, 0.18);

  /* 🌿 VERDE FUSIÓN (menta + pastel) */
  --fusion-light: #e1f0e4;
  --fusion: #a5cfae;
  --fusion-medium: #89b795;
  --fusion-dark: #7ea88a;
  --fusion-shadow: 0 4px 14px rgba(165, 207, 174, 0.18);
}