.core-palette-block {
  background-color: #ffffff;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding-left: 112px;
  padding-right: 112px;
}

.core-palette-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  width: 100%;
  align-self: flex-start;
}

.dynamic-text .core-palette-content {
  width: 696px;
}

.core-palette-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  /* var(--spacing-3xl) */
  width: 100%;
}

.dynamic-text .core-palette-text {
  max-width: 696px;
}

.dynamic-text .eyebrow {
  color: #6e0bff;
}

.dynamic-text .header {
  color: #101828;
}

.dynamic-text .subtitle {
  color: #525252;
}

.core-palette-examples {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  /* var(--spacing-lg) */
  width: 100%;
}

.example-placeholder {
  width: 100%;
  height: 180px;
  background-color: #e0e0e0;
  border-radius: 12px;
}

@container (max-width: 1440px) {
  .core-palette-block {
    width: 100%;
    padding: 40px 32px;
  }
}

@container (max-width: 992px) {
  .core-palette-block {
    padding: 40px 32px;
    gap: 64px;
  }

  .core-palette-content {
    max-width: 100%;
  }
}

@container (max-width: 540px) {
  .core-palette-block {
    padding: 40px 16px;
    gap: 64px;
  }
}