/*
    BRIYD invitation type standard — the size of everything a guest reads between the titles.

    Every theme draws its reading text from these tokens, and every new theme must too. Titles, the countdown's
    figures and the words set into an artwork (a save-the-date card, an intro board) are the design's own and
    stay out of it; everything else lands on one of three steps, chosen by what the words ARE:

      text   14px on a phone — anything read as a sentence or an item: paragraphs, descriptions, answers,
             questions, programme lines, dish names, form options, a heading written in ordinary case.
      small  12px — what sits beside the text: capitalised, letter-spaced labels ("BY PLANE", "APERITIVO",
             a form question in capitals), buttons, countdown units, italic footnotes, prices, the credit line.
      field  16px — form inputs: an iPhone zooms into any field set smaller when it is tapped.

    The animated themes size in cqw (a share of the page's width, the page being a phone at 390px), so the
    phone sizes above are 3.6cqw and 3.1cqw: the same proportion of the page on any screen. Themes sized in
    pixels (Silk) use the -px tokens.

    A face with short lower-case letters — Cormorant, Garamond and their kind — set at 14px reads like 12px
    next to Poppins or Termes. The standard is what the eye sees, so reading text in such a face takes the
    -serif step (16px / 13.5px): the same size to the reader, not the same number.
*/
:root{
  --inv-text:3.6cqw;
  --inv-small:3.1cqw;
  --inv-text-serif:4.1cqw;
  --inv-small-serif:3.5cqw;
  --inv-text-px:14px;
  --inv-small-px:12px;
  --inv-text-serif-px:16px;
  --inv-small-serif-px:13.5px;
  --inv-field:16px;
}