/**
 * @file tagline-bold.css
 * SDC Tagline bold component styles.
 * Uses design tokens from theme.css.
 */

.tagline-bold {
  max-width: 35rem; /* 560px – no token in theme; add --max-width-medium if needed */
  align-self: stretch;
  color: var(--card-foreground);
  text-align: center;

  /* Text/Medium/Bold - desktop */
  font-family: var(--font-sans);
  font-size: var(--text-lg);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--text-lg--line-height);
}

@media (max-width: 767px) {
  .tagline-bold {
    color: var(--card-foreground);
    text-align: center;

    /* Text/Regular/Bold - mobile */
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--text-xs--line-height);
  }
}
