:root {
  /* Base palette */
  --white: #F7F7F7;
  --black: #121212;

  /* Primary */
  --primary: #07B990;
  --primary-transparent: #07B99080; /* 50% */
  --primary-contrast: #F7F7F7;
  --primary-darken1: #069D7A; /* ~15% darker */
  --primary-darken2: #058265; /* ~30% darker */
  --primary-lighten1: #39C7A6; /* ~20% lighter */

  /* Secondary */
  --secondary: #08E7B4;
  --secondary-transparent: #08E7B480; /* 50% */
  --secondary-contrast: #121212; /* mejor legibilidad sobre fondo claro */
  --secondary-darken1: #07C499;
  --secondary-darken2: #06A27E;
  --secondary-lighten1: #39ECC3;

  /* Tertiary */
  --tertiary: #29F7C7;
  --tertiary-transparent: #29F7C780; /* 50% */
  --tertiary-contrast: #121212;
  --tertiary-darken1: #23D2A9;
  --tertiary-darken2: #1DAD8B;
  --tertiary-lighten1: #54F9D2;

  /* UI elements */
  --header-bg: #F7F7F7;
  --header-color: #07B990;

  --footer-bg: #121212;   /* corregido */
  --footer-color: #F7F7F7;

  /* Grays */
  --gray: #F0F0F0;
  --grayDark: #A2A2A2;

  /* Accents */
  --whatsapp: #25D366;

  /* Borders */
  --border-color: #ced4da;
  --border-color-contrast: #07B990;
}