/* =========================================================================
   tokens-website.css — TabiTots marketing site, Pass 1 patch
   Inherits everything from tokens.css. Adds ONE new type tier for the
   homepage hero (larger than any tier in the parent app).
   ========================================================================= */

/* hero display — Pass 1 extension, marketing site only */
.tt-t-hero-1 {
  font-family: 'Plus Jakarta Sans', 'Noto Sans JP', system-ui, sans-serif;
  font-size: clamp(56px, 8vw, 96px);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.022em;
  color: var(--tt-ink);
}
.tt-t-hero-1.tt-ja {
  font-family: 'Noto Sans JP', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.18;
}

/* a couple of website-scoped type tiers that scale up the parent-app
   sizes for desktop marketing context — same family + tracking system,
   just larger. Not redefining tokens, just composing. */
.tt-t-display-l {
  font-family: 'Plus Jakarta Sans', 'Noto Sans JP', system-ui, sans-serif;
  font-size: clamp(32px, 3.6vw, 44px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.014em;
}
.tt-t-display-l.tt-ja { font-family: 'Noto Sans JP', 'Plus Jakarta Sans', system-ui, sans-serif; }

.tt-t-title-s {
  font-family: 'Plus Jakarta Sans', 'Noto Sans JP', system-ui, sans-serif;
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.004em;
}