/* root.css */
:root {
  --fz: 16;
  --lh: 1.5;
  --lh-sm: 1.15;
  --mx-wd: 48rem;

  /* Palette */
  --bg: whitesmoke;
  --fg: midnightblue;
  --ln: brown;
  --fc: seagreen;

  --good: green;
  --bad: red;

  /* Font Families */
  /* see https://systemfontstack.com/ */
  --ff-mono: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
  --ff-sans-serif: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --ff-serif: "Iowan Old Style", "Apple Garamond", Baskerville, "Times New Roman", "Droid Serif", Times, "Source Serif Pro", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;

  /* Border radius */
  --radius: 0.25rem;

  /* Spaces */
  /* In REMs (relative to the root font-size) */
  --space: 2rem;
  --space-xxs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-lg: 3.5rem;
  --space-xl: 4.5rem;

  /* Vertical spaces */
  /* In EMs (relative to the font-size) */
  --space-y: 2em;
  --space-y-xs: 0.5em;
  --space-y-sm: 1em;
  --space-y-lg: 3.5em;
  --space-y-xl: 4.5em;

  /* Fluid sizes */
  --sz-xs: clamp(0.64rem, 0.6133rem + 0.1333vi, 0.72rem);
  --sz-sm: clamp(0.8rem, 0.7667rem + 0.1667vi, 0.9rem);
  --sz-0: clamp(1rem, 0.9583rem + 0.2083vi, 1.125rem);
  --sz-1: clamp(1.25rem, 1.1979rem + 0.2604vi, 1.4063rem);
  --sz-2: clamp(1.5625rem, 1.4974rem + 0.3255vi, 1.7578rem);
  --sz-3: clamp(1.9531rem, 1.8717rem + 0.4069vi, 2.1973rem);
  --sz-4: clamp(2.4414rem, 2.3397rem + 0.5086vi, 2.7466rem);
  --sz-5: clamp(3.0518rem, 2.9246rem + 0.6358vi, 3.4332rem);
}