/* BASE TIPOGRÁFICA */

body {
  font-family: var(--hola-font-family-base);
  font-size: var(--hola-font-size-base);
  color: var(--hola-text-primary);
  line-height: var(--hola-line-height-relaxed);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--hola-font-family-heading);
  line-height: var(--hola-line-height-tight);
  letter-spacing: var(--hola-letter-spacing-tight);
}

h1 {
  font-size: var(--hola-font-size-h1);
  font-weight: var(--hola-font-weight-bold);
  color: var(--hola-text-heading);
}

h2 {
  font-size: var(--hola-font-size-h2);
  font-weight: var(--hola-font-weight-regular);
  color: var(--hola-text-heading);
}

h3 {
  font-size: var(--hola-font-size-h3);
  font-weight: var(--hola-font-weight-light);
  color: var(--hola-text-heading-secondary);
}

h4 {
  font-size: var(--hola-font-size-h4);
  font-weight: var(--hola-font-weight-bold);
  color: var(--hola-text-heading-secondary);
}

h5 {
  font-size: var(--hola-font-size-h5);
  font-weight: var(--hola-font-weight-regular);
  color: var(--hola-text-heading-secondary);
}

h6 {
  font-size: var(--hola-font-size-h6);
  font-weight: var(--hola-font-weight-bold);
  color: var(--hola-text-heading-secondary);
}

p {
  font-family: var(--hola-font-family-heading);
  font-size: var(--hola-font-size-base);
  font-weight: var(--hola-font-weight-regular);
  line-height: var(--hola-line-height-relaxed);
  letter-spacing: var(--hola-letter-spacing-normal);
  color: var(--hola-text-body);
}

strong,
b {
  font-weight: var(--hola-font-weight-semibold);
}

.hola-text-support {
  font-family: var(--hola-font-family-support);
  font-size: var(--hola-font-size-support);
  color: var(--hola-text-secondary);
}

/* CURSOR DE ACCIONES */

button:not(:disabled):not([aria-disabled="true"]),
input[type="button"]:not(:disabled):not([aria-disabled="true"]),
input[type="submit"]:not(:disabled):not([aria-disabled="true"]),
input[type="reset"]:not(:disabled):not([aria-disabled="true"]),
[role="button"]:not([aria-disabled="true"]),
.btn:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
  cursor: pointer;
}

button:disabled,
input[type="button"]:disabled,
input[type="button"][aria-disabled="true"],
input[type="submit"]:disabled,
input[type="submit"][aria-disabled="true"],
input[type="reset"]:disabled,
input[type="reset"][aria-disabled="true"],
[role="button"][aria-disabled="true"],
.btn.disabled,
.btn[aria-disabled="true"] {
  cursor: not-allowed;
}
