/* Meltin — Typography tokens */

:root {
  /* Families */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --font-script: 'Petit Formal Script', 'Snell Roundhand', cursive;

  /* Fluid-ish display sizes (px) */
  --fs-display-xl: 72px;   /* hero */
  --fs-display-lg: 54px;
  --fs-display-md: 40px;   /* section titles */
  --fs-heading: 28px;
  --fs-subheading: 22px;
  --fs-title: 18px;        /* card titles */
  --fs-body-lg: 17px;
  --fs-body: 15px;
  --fs-small: 13px;
  --fs-caption: 11px;      /* letterspaced eyebrow */

  /* Weights */
  --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 */

  /* Line heights */
  --lh-tight: 1.08; /* @kind font */
  --lh-snug: 1.28; /* @kind font */
  --lh-body: 1.6; /* @kind font */

  /* Letter spacing */
  --ls-eyebrow: 0.22em;   /* the "Cakes and cookies" tagline treatment */
  --ls-wide: 0.08em;
  --ls-tight: -0.01em;
}