:root {

  /* ===== COLOR PRINCIPAL LANDING ===== */

  --primary-gradiant: linear-gradient(
    135deg,
    rgb(21, 59, 80) 0%,
    rgb(30, 79, 111) 50%,
    rgb(42, 106, 140) 100%
  );

  /* ===== COLOR HOVER CTA ===== */

  --hover-color: rgb(35, 155, 79);

  /* ===== COLOR PRINCIPAL ===== */

  --primary-color: rgb(45, 190, 96);

  --secondary-color: rgb(37, 166, 83);

  /* ===== TITULOS ===== */

  --heading-color: rgb(21, 59, 80);

  --heading-color-2: rgb(17, 28, 22);

  --heading-color-3: rgb(51, 51, 51);

  --heading-color-4: rgb(2, 6, 38);

  /* ===== NAVEGACION ===== */

  --nav-color: rgb(38, 50, 56);

  /* ===== TRANSICIONES ===== */

  --transition-hover: 0.5s
    cubic-bezier(
      0.25,
      0.46,
      0.45,
      0.94
    );

  /* ===== TEXTOS ===== */

  --text-color: rgb(255, 255, 255);

  --text-color-2: rgb(75, 75, 75);

  --text-color-3: rgb(22, 29, 57);

  --text-color-4: rgb(36, 47, 81);

  --text-color-5: rgb(90, 100, 114);

  /* ===== FONDOS ===== */

  --bg-color: rgb(255, 255, 255);

  --bg-color-2: rgb(245, 247, 250);

  --footer-bg: rgb(16, 45, 61);

  --block-bg: rgb(34, 34, 34);
}