/* 
 * SILCAP Global Foundation
 * L2: Typography and Container Normalization
 */

/* Typography Foundation */
body.v6-premium-refinement {
  font-family: var(--font-family-sans);
  color: var(--color-text-primary);
  background-color: var(--color-bg-light);
  /* L2: Readable semantic foundation */
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  -webkit-font-smoothing: antialiased;
}

body.v6-premium-refinement h1,
body.v6-premium-refinement h2,
body.v6-premium-refinement h3,
body.v6-premium-refinement h4,
body.v6-premium-refinement h5,
body.v6-premium-refinement h6 {
  color: var(--color-brand-navy);
  line-height: var(--line-height-tight);
}

body.v6-premium-refinement p {
  margin-bottom: var(--spacing-4);
}

body.v6-premium-refinement .text-small {
  font-size: var(--font-size-sm);
}

body.v6-premium-refinement .text-meta {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

/* Container Foundation */
body.v6-premium-refinement .v6p-container {
  width: 100%;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter-desktop);
  padding-right: var(--container-gutter-desktop);
}

body.v6-premium-refinement .container-narrow {
  max-width: var(--container-narrow-width);
}

@media screen and (max-width: 1024px) {
  body.v6-premium-refinement .v6p-container {
    padding-left: var(--container-gutter-tablet);
    padding-right: var(--container-gutter-tablet);
  }
}

@media screen and (max-width: 768px) {
  body.v6-premium-refinement .v6p-container {
    padding-left: var(--container-gutter-mobile);
    padding-right: var(--container-gutter-mobile);
  }
}