/* PanQuiz — typography tokens
   WEBSITE: Raleway (headings) / Source Sans Pro (sub-heads) / Plus Jakarta Sans (buttons, menu) / Open Sans (body)
   APP: Roboto everywhere + Source Code Pro (mono) */

:root {
  /* Families */
  --font-display: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
  --font-subhead: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
  --font-ui: 'Plus Jakarta Sans', Helvetica, Arial, Lucida, sans-serif;
  --font-body-site: 'Open Sans', Helvetica, Arial, sans-serif;
  --font-app: 'Roboto', Arial, Helvetica, sans-serif;
  --font-mono: 'Source Code Pro', monospace;

  /* Website scale (from Divi builder CSS) */
  --text-hero: 58px;          /* H1, Raleway 700 (39px mobile) */
  --text-h2: 37px;            /* Raleway 700 */
  --text-blurb-title: 26px;   /* Raleway 700 */
  --text-subhead: 23px;       /* Source Sans Pro 400 */
  --text-button-site: 20px;   /* pill CTAs */
  --text-button-text: 16px;   /* uppercase text buttons, PJS 700 */
  --text-body-site-size: 14px;

  /* App scale (Material) */
  --text-h1-app: 36px;        /* Roboto 300 */
  --text-body-app: 16px;      /* html base; body inherits, lh 1.5 */
  --text-button-app: 14px;    /* Roboto 500, uppercase, lh 30px */
  --heading-weight-app: 500;
  --heading-margin-app: 0 0 16px 0;

  /* Line heights */
  --lh-body: 1.5; /* @kind font */
  --lh-heading: 1.3; /* @kind font */
}