/* ==========================================================================
   EZUI Type (ezui-type.css)

   Every text size and weight EZUI uses, and nothing else: no rules and no
   selector beyond :root, so this file paints nothing by itself and can load
   in any order. A component points its own tokens at these; it never
   carries a pixel size of its own. See EZY UI Type.md.
   ========================================================================== */

:root {
  /* -- Six sizes, whole pixels only, each with the line height that goes
     with it. xs to l match the s, normal and l of a button, field or
     checkbox: a small button is s, a normal one m. -- */
  --ezui-type-xs: 11px;   --ezui-type-xs-line: 16px;
  --ezui-type-s: 12px;    --ezui-type-s-line: 16px;
  --ezui-type-m: 13px;    --ezui-type-m-line: 18px;
  --ezui-type-l: 15px;    --ezui-type-l-line: 20px;
  --ezui-type-xl: 16px;   --ezui-type-xl-line: 22px;
  --ezui-type-xxl: 20px;  --ezui-type-xxl-line: 26px;

  /* -- Two weights. -- */
  --ezui-type-regular: 400;
  --ezui-type-semibold: 600;
}