/**
 * Light face at the larger default scale — SF 400/500, not 600/700 pile.
 * Load after quiet / dock / vision so weight wins.
 */

html[data-mood] body {
  font-weight: 400;
  letter-spacing: -0.011em;
}

html[data-mood] :is(
  h1,
  h2,
  h3,
  .page-title,
  .page-title--hero,
  .section-title,
  .logo-text,
  .btn,
  .btn-primary,
  .btn-secondary,
  .nav-pill a,
  .nav-member-inline a,
  .header-member-dock__tab,
  .header-member-dock__link,
  .throw-pad__label,
  .metric-value,
  .panel-bonus--compact .bonus-actions .btn,
  .member-page .bonus-actions .btn
) {
  font-weight: 500;
}

html[data-vision~="large"] body,
html[data-vision~="large"][data-mood] :is(.btn, .btn-primary, .btn-secondary, .nav-pill a) {
  font-weight: 400;
}

html[data-mood][data-skin="portal"] :is(
  h1,
  h2,
  h3,
  .page-title,
  .hero-copy .page-title--hero,
  .hero-quiet .page-title--hero,
  .hero-quiet .brand-hero
) {
  font-weight: 400;
}

html[data-mood][data-skin="portal"] :is(
  h2,
  h3,
  .page-title:not(.page-title--hero)
) {
  font-weight: 500;
}