:root{
  /* The brand runs two type voices side by side. Both are system-font stacks
     in the source (no custom webfont was ever loaded) so we keep it that way. */

  /* Marketing voice: loud, comic, italic display headlines */
  --font-display:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --weight-display:900;

  /* Docs/support + body voice: plain, quiet, works at small sizes */
  --font-body:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-docs:'Inter',sans-serif;

  /* Marketing scale (from the homepage source, px) */
  --text-marketing-hero:5rem;        /* storm-heading / top-banner-tagline */
  --text-marketing-sub:1.5rem;       /* storm-sub */
  --text-marketing-mission:2.2rem;   /* mission-section h2 */
  --text-marketing-card-title:1.5rem;/* product-card h3 */
  --text-marketing-card-body:1rem;   /* product-card p */
  --text-marketing-review-head:1.1rem;
  --text-marketing-review-body:0.9rem;
  --text-marketing-badge:0.7rem;
  --text-marketing-btn:1rem;

  /* Docs scale (from the Mantle shell tokens, rem) */
  --text-xxs:1.3rem;
  --text-xs:1.4rem;
  --text-sm:1.5rem;
  --text-md:1.6rem;
  --text-lg:1.8rem;
  --text-heading-xs:1.4rem;
  --text-heading-sm:1.6rem;
  --text-heading-md:2rem;
  --text-heading-lg:2.4rem;
  --text-heading-xl:2.8rem;
  --text-heading-xxl:3.2rem;

  --leading-tight:1;
  --leading-headings:1.2;
  --leading-body:1.4;

  --tracking-normal:normal;
  --tracking-wide:0.02em;
}