/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  color: var(--capacity-red);
}

h1 {
  font-size: 2.5rem;
  font-weight: 700;
}

h2 {
  font-size: 2rem;
  font-weight: 600;
}

h3 {
  font-size: 1.4rem;
  font-weight: 600;
}

h4 {
  font-size: 1.25rem;
  font-weight: 500;
}

h5 {
  font-size: 1rem;
  font-weight: 500;
}

/* Body text */

#block-capacity-plus-page-title .page-title {
  margin-top: 0rem;
  padding-top: 1rem;
}

body, p, li {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  color: var(--body-text);
}

.p-overlay {
  color: #9b9b9b;
  font-weight: bold;
}


a {
  color: var(--link-color);
  /*text-decoration: underline;*/
}

a:hover {
  color: var(--link-hover);
}

.button-primary {
  background-color: var(--capacity-red);
  border-color: var(--capacity-red-dark);
}

.button-primary:hover {
  background-color: var(--capacity-red-dark);
}

.button-capacity {
  background-color: var(--capacity-red);  /* Dark red base */
  color: white;
  padding: 8px 16px;                           /* Vertical x Horizontal */
  border: none;
  border-radius: 8px;                          /* Rounded corners */
  font-size: 1.15rem;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);   /* Subtle drop shadow */
  text-decoration: none;
  transition:
  background-color 0.3s ease,
  box-shadow 0.3s ease,
  transform 0.2s ease;
}

/* Hover state: lighter red + no shadow */
.button-capacity:hover {
  background-color: var(--capacity-red-dark);
  box-shadow: none;
  color: white;
  font-weight: bold;
  transform: translateY(-1px); /* subtle lift effect */
}