/* typography-titles.css */
/* LOCKED (phase 1 scaffold) — Typography roles for headings (Cinzel)
   Phase 1 goal: add role classes + files without changing current look.
   Changes require explicit design review. */

:root {
  --ap-typo-title-font: 'Cinzel', serif;

  /* Sizes tuned to current site defaults (keep equivalence). */
  --ap-hero-title-desktop: 48px;
  --ap-hero-title-tablet: 36px;
  --ap-hero-title-mobile: 28px;

  --ap-section-title-desktop: 32px;
  --ap-section-title-tablet: 26px;
  --ap-section-title-mobile: 22px;

  --ap-subsection-desktop: 22px;
  --ap-subsection-tablet: 19px;
  --ap-subsection-mobile: 17px;

  --ap-card-title-desktop: 18px;
  --ap-card-title-tablet: 16px;
  --ap-card-title-mobile: 16px;
}

/* Role 1: Hero Title */
.typo-hero-title{
  font-family: var(--ap-typo-title-font) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: var(--color-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--ap-hero-title-desktop);
}
@media (max-width: 1024px){ .typo-hero-title{ font-size: var(--ap-hero-title-tablet);} }
@media (max-width: 768px){ .typo-hero-title{ font-size: var(--ap-hero-title-mobile);} }

/* Role 2: Section Title */
.typo-section-title{
  font-family: var(--ap-typo-title-font) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 1.25;
  letter-spacing: 0.05em;
  color: var(--color-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--ap-section-title-desktop);
}
@media (max-width: 1024px){ .typo-section-title{ font-size: var(--ap-section-title-tablet);} }
@media (max-width: 768px){ .typo-section-title{ font-size: var(--ap-section-title-mobile);} }

/* Role 3: Subsection Heading */
.typo-subsection-heading{
  font-family: var(--ap-typo-title-font) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.3;
  letter-spacing: 0.03em;
  color: var(--color-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--ap-subsection-desktop);
}
@media (max-width: 1024px){ .typo-subsection-heading{ font-size: var(--ap-subsection-tablet);} }
@media (max-width: 768px){ .typo-subsection-heading{ font-size: var(--ap-subsection-mobile);} }

/* Role 4: Card Title */
.typo-card-title{
  font-family: var(--ap-typo-title-font) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.35;
  letter-spacing: 0.03em;
  color: var(--color-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--ap-card-title-desktop);
}
@media (max-width: 1024px){ .typo-card-title{ font-size: var(--ap-card-title-tablet);} }
@media (max-width: 768px){ .typo-card-title{ font-size: var(--ap-card-title-mobile);} }