/* 🎨 Paleta corporativa ParkKea (Traducida a Web/CSS) */

:root {
  /* --- Colores Principales --- */
  --parkkea-azul-profundo: #002B5B;
  --parkkea-verde-neon: #00E676;
  --parkkea-blanco-brillante: #F8F9FA;
  --parkkea-gris-asfalto: #2E2E2E;
  --parkkea-amarillo-aviso: #FFC107;

  /* --- Nuevos Colores Suaves (Tonalidades) --- */
  --parkkea-azul-suave: #B3CDE0;
  --parkkea-verde-suave: #B9F6CA;
  --parkkea-gris-claro: #ECEFF1;
}

/* Clases utilitarias (Ejemplo para usar en tu HTML) */
.bg-parkkea-primary {
  background-color: var(--parkkea-azul-profundo);
  color: var(--parkkea-blanco-brillante);
}

.text-parkkea-accent {
  color: var(--parkkea-verde-neon);
}

.card-parkkea {
  background-color: var(--parkkea-blanco-brillante);
  border: 1px solid var(--parkkea-gris-claro);
  box-shadow: 0 4px 6px rgba(0, 43, 91, 0.1);
  border-radius: 8px;
}