:root{
  --font-display:"Playfair Display",'Times New Roman',serif;
  --font-serif:"Cormorant Garamond",'Times New Roman',serif;
  --font-sans:"Montserrat",'Helvetica Neue',Arial,sans-serif;
  --font-script:"Sacramento",'Brush Script MT',cursive;

  /* Type scale - print-led, generous */
  --text-3xs:11px;
  --text-2xs:12px;
  --text-xs:13px;
  --text-sm:15px;
  --text-base:17px;
  --text-md:19px;
  --text-lg:23px;
  --text-xl:28px;
  --text-2xl:36px;
  --text-3xl:48px;
  --text-4xl:64px;
  --text-5xl:88px;
  --text-6xl:120px;

  --leading-tight:1.02; /* @kind font */
  --leading-snug:1.18; /* @kind font */
  --leading-normal:1.5; /* @kind font */
  --leading-relaxed:1.7; /* @kind font */

  --weight-thin:200; /* @kind font */
  --weight-light:300; /* @kind font */
  --weight-regular:400; /* @kind font */
  --weight-medium:500; /* @kind font */
  --weight-semibold:600; /* @kind font */
  --weight-bold:700; /* @kind font */

  /* Letterspacing - the single loudest brand signal */
  --tracking-tight:-0.02em; /* @kind font */
  --tracking-normal:0; /* @kind font */
  --tracking-wide:0.08em; /* @kind font */
  --tracking-wider:0.18em;  /* small caps labels, buttons, nav */
  --tracking-widest:0.42em; /* the OHANA wordmark */

  /* Role aliases */
  --type-display:var(--weight-regular) var(--text-5xl)/var(--leading-tight) var(--font-display); /* @kind font */
  --type-h1:var(--weight-regular) var(--text-3xl)/var(--leading-snug) var(--font-display); /* @kind font */
  --type-h2:var(--weight-regular) var(--text-2xl)/var(--leading-snug) var(--font-display); /* @kind font */
  --type-h3:var(--weight-medium) var(--text-lg)/var(--leading-snug) var(--font-display); /* @kind font */
  --type-body:var(--weight-light) var(--text-base)/var(--leading-relaxed) var(--font-sans); /* @kind font */
  --type-body-serif:var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-serif); /* @kind font */
  --type-label:var(--weight-medium) var(--text-2xs)/1.4 var(--font-sans); /* @kind font */
  --type-script:var(--weight-regular) var(--text-2xl)/1.1 var(--font-script); /* @kind font */
}