/* MenuCheck — type system. */
:root{
  --font-rounded:'Nunito','Museo Sans Rounded',system-ui,sans-serif;   /* wordmark + hero words */
  --font-sans:'Nunito Sans','Museo Sans',system-ui,sans-serif;         /* everything else */
  --font-poster:'Montserrat','Nunito Sans',system-ui,sans-serif;       /* heavy marketing caps */
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,monospace;

  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-extrabold:800; /* @kind font */
  --fw-black:900; /* @kind font */

  /* Sizes — a 1.25-ish ramp anchored on 16px body */
  --fs-3xs:11px;
  --fs-2xs:12px;
  --fs-xs:13px;
  --fs-sm:14px;
  --fs-base:16px;
  --fs-md:18px;
  --fs-lg:20px;
  --fs-xl:24px;
  --fs-2xl:30px;
  --fs-3xl:38px;
  --fs-4xl:48px;
  --fs-5xl:64px;
  --fs-6xl:84px;

  --lh-tight:1.05; /* @kind font */
  --lh-snug:1.18; /* @kind font */
  --lh-heading:1.25; /* @kind font */
  --lh-body:1.55; /* @kind font */
  --lh-loose:1.7; /* @kind font */

  --ls-tighter:-0.02em; /* @kind font */
  --ls-tight:-0.01em; /* @kind font */
  --ls-normal:0; /* @kind font */
  --ls-wide:0.04em; /* @kind font */
  --ls-wider:0.10em;   /* small caps eyebrows: "SOMOS MÁS QUE UNA APP DE DELIVERY" */
  --ls-widest:0.22em;  /* letter-spaced single words: "F O O D", "D E L I V E R" */

  /* Semantic roles */
  --type-hero-family:var(--font-rounded);
  --type-hero-weight:var(--fw-black);
  --type-hero-size:var(--fs-6xl);
  --type-hero-lh:var(--lh-tight);

  --type-poster-family:var(--font-poster);
  --type-poster-weight:var(--fw-extrabold);
  --type-poster-tracking:var(--ls-tight);

  --type-h1-size:var(--fs-4xl);
  --type-h2-size:var(--fs-3xl);
  --type-h3-size:var(--fs-2xl);
  --type-h4-size:var(--fs-xl);
  --type-heading-family:var(--font-sans);
  --type-heading-weight:var(--fw-bold);

  --type-body-family:var(--font-sans);
  --type-body-size:var(--fs-base);
  --type-body-weight:var(--fw-regular);
  --type-body-lh:var(--lh-body);

  --type-eyebrow-size:var(--fs-2xs);
  --type-eyebrow-weight:var(--fw-bold);
  --type-eyebrow-tracking:var(--ls-wider);

  --type-label-size:var(--fs-sm);
  --type-label-weight:var(--fw-semibold);

  --type-price-family:var(--font-poster);
  --type-price-weight:var(--fw-black);
}