/* Type tokens. Sizes are the literal sizes used in Frame 2 at 1920px. */
:root{
  --font-display:"Sansita Swashed", Georgia, serif;
  --font-body:Moderustic, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;

  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* Display scale (Sansita Swashed) */
  --fs-display-xl:128px;  /* hero-scale statement */
  --fs-display-lg:96px;   /* hero headline — "Pastel bom é dose dupla…" */
  --fs-display-md:70px;   /* section headline — "O Mesmo Gosto desde 1960" */

  /* Body scale (Moderustic) */
  --fs-body-lg:32px;      /* button labels */
  --fs-body-md:29px;      /* perforation rule glyphs */
  --fs-body-sm:20px;      /* paragraphs, nav, tabs, product labels */

  --lh-tight:100%;        /* every text node in the source is set to 100% */
  --ls-perforation:1.620em;

  --type-display-lg:var(--fw-regular) var(--fs-display-lg)/var(--lh-tight) var(--font-display);
  --type-display-md:var(--fw-semibold) var(--fs-display-md)/var(--lh-tight) var(--font-display);
  --type-button:var(--fw-bold) var(--fs-body-lg)/var(--lh-tight) var(--font-body);
  --type-body:var(--fw-regular) var(--fs-body-sm)/var(--lh-tight) var(--font-body);
  --type-body-strong:var(--fw-bold) var(--fs-body-sm)/var(--lh-tight) var(--font-body);
}