:root{
  /* Apple HIG roles adapted to Montserrat and a responsive web interface. */
  --site-font-brand:"Montserrat","Segoe UI",Arial,sans-serif;
  --site-font-body:"Montserrat","Segoe UI",Arial,sans-serif;

  --site-type-large-title:34px;
  --site-leading-large-title:41px;
  --site-type-title-1:28px;
  --site-leading-title-1:34px;
  --site-type-title-2:22px;
  --site-leading-title-2:28px;
  --site-type-title-3:20px;
  --site-leading-title-3:25px;
  --site-type-headline:17px;
  --site-leading-headline:22px;
  --site-type-body:16px;
  --site-leading-body:24px;
  --site-type-callout:15px;
  --site-leading-callout:21px;
  --site-type-subhead:14px;
  --site-leading-subhead:20px;
  --site-type-footnote:13px;
  --site-leading-footnote:18px;
  --site-type-caption:12px;
  --site-leading-caption:16px;
  --site-type-micro:11px;
  --site-leading-micro:14px;

  /* Four-point base with an eight-point primary rhythm. */
  --site-space-1:4px;
  --site-space-2:8px;
  --site-space-3:12px;
  --site-space-4:16px;
  --site-space-5:20px;
  --site-space-6:24px;
  --site-space-8:32px;
  --site-space-10:40px;
  --site-space-12:48px;
  --site-space-14:56px;
  --site-space-16:64px;
  --site-space-20:80px;
  --site-space-24:96px;

  --site-control-min:44px;
  --site-control-mobile:48px;
  --site-card-padding:24px;
  --site-card-padding-compact:20px;
  --site-grid-gap:24px;
  --site-section-space:80px;
  --site-page-start:40px;
  --site-page-end:80px;

  --display:var(--site-font-brand);
  --body:var(--site-font-body);
}

@media (max-width:960px){
  :root{
    --site-grid-gap:20px;
    --site-section-space:64px;
    --site-page-start:32px;
    --site-page-end:64px;
  }
}

@media (max-width:600px){
  :root{
    --site-card-padding:20px;
    --site-card-padding-compact:16px;
    --site-grid-gap:16px;
    --site-section-space:48px;
    --site-page-start:24px;
    --site-page-end:48px;
  }
}