/* =============================================
   Heading — ACE Design System
   Standalone configurable heading
   ============================================= */

.heading {
  margin: 0;
  font-family: 'Montserrat', system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

/* --- Size variants --- */
.heading--size-xs {
  font-size: 0.875rem;
}

.heading--size-sm {
  font-size: 1rem;
}

.heading--size-md {
  font-size: 1.25rem;
}

.heading--size-lg {
  font-size: 1.75rem;
}

.heading--size-xl {
  font-size: 2.25rem;
}

.heading--size-xxl {
  font-size: 3rem;
}

/* --- Color variants --- */
.heading--color-blue {
  color: #0056A6;
}

.heading--color-dark {
  color: #1a1a1a;
}

.heading--color-orange {
  color: #E87722;
}

.heading--color-grey {
  color: #555555;
}

.heading--color-white {
  color: #ffffff;
}

/* =============================================
   Responsive — Tablet & Desktop
   ============================================= */

@media (min-width: 768px) {
  .heading--size-lg {
    font-size: 2rem;
  }

  .heading--size-xl {
    font-size: 2.75rem;
  }

  .heading--size-xxl {
    font-size: 3.5rem;
  }
}