/**
 * @author João Batista <joao.cardoso@unitri.edu.br>
 * @copyright Copyright (c) 2026, ASOEC. (http://asoec.com.br)
 * @version   1.0.0
 * typography.css — Tipografia Global CApDHC
 * Headings Montserrat | Body Inter | .capdhc-btn | .badge
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-navy);
}

h1 {
  font-size: clamp(1.75rem, 4vw, 3rem);
}
h2 {
  font-size: clamp(1.375rem, 3vw, 2.25rem);
}
h3 {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
}
h4 {
  font-size: 1.125rem;
  font-weight: 600;
}
h5 {
  font-size: 1rem;
  font-weight: 600;
}
h6 {
  font-size: 0.875rem;
  font-weight: 600;
}

p {
  line-height: 1.7;
  color: var(--color-text-muted);
}

/* Botões globais */
.capdhc-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: var(--font-size-sm);
  letter-spacing: 0.025em;
  transition: all var(--transition-base);
  cursor: pointer;
  text-decoration: none;
  border: 2px solid transparent;
  white-space: nowrap;
}

.capdhc-btn--primary {
  background-color: var(--color-red);
  color: var(--color-white);
  border-color: var(--color-red);
}
.capdhc-btn--primary:hover {
  background-color: var(--color-red-dark);
  border-color: var(--color-red-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(200, 16, 46, 0.3);
}

.capdhc-btn--outline {
  background-color: transparent;
  color: var(--color-navy);
  border-color: var(--color-navy);
}
.capdhc-btn--outline:hover {
  background-color: var(--color-navy);
  color: var(--color-white);
  transform: translateY(-1px);
}

.capdhc-btn--outline-sm {
  padding: 0.5rem 1rem;
  font-size: var(--font-size-xs);
  background-color: transparent;
  color: var(--color-navy);
  border-color: var(--color-navy);
}
.capdhc-btn--outline-sm:hover {
  background-color: var(--color-navy);
  color: var(--color-white);
}

.capdhc-btn--primary-sm {
  padding: 0.5rem 1rem;
  font-size: var(--font-size-xs);
  background-color: var(--color-red);
  color: var(--color-white);
  border-color: var(--color-red);
}
.capdhc-btn--primary-sm:hover {
  background-color: var(--color-red-dark);
}

/* Badge global */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.badge--unidade {
  background-color: var(--overlay-navy-10);
  color: var(--color-navy);
}
.badge--turno {
  color: var(--color-white);
}
.badge--manha {
  background-color: var(--color-amber);
}
.badge--tarde {
  background-color: var(--color-blue);
}
.badge--noite {
  background-color: var(--color-indigo);
}
.badge--category {
  background-color: var(--color-red);
  color: var(--color-white);
}
.badge--date {
  background-color: var(--color-bg-overlay);
  color: var(--color-white);
}