:root {
  /****************************************************************
  * Font Size
  * Variables for controlling the font size of an element.
  * font-size: var(--text-xs);
  *****************************************************************/
  --text-xs:   0.75rem;  /* 12px */
  --text-sm:   0.875rem; /* 14px */
  --text-base: 1rem;     /* 16px */
  --text-lg:   1.125rem; /* 18px */
  --text-xl:   1.25rem;  /* 20px */
  --text-2xl:  1.5rem;   /* 24px */
  --text-3xl:  1.875rem; /* 30px */
  --text-4xl:  2.25rem;  /* 36px */
  --text-5xl:  3rem;     /* 48px */
  --text-6xl:  3.75rem;  /* 60px */
  --text-7xl:  4.5rem;   /* 72px */
  --text-8xl:  6rem;     /* 96px */
  --text-9xl:  8rem;     /* 128px */
  --text-sm-responsive:   clamp(0.75rem, 2cqi, 1rem);
  --text-base-responsive: clamp(1rem, 2.5cqi, 1.5rem);
  --text-lg-responsive:   clamp(1.25rem, 4cqi, 1.875rem);
  --text-lg-responsive:   clamp(1.875rem, 5cqi, 3rem);

  /****************************************************************
  * Font Weight
  * Variables for controlling the font weight of an element.
  * font-weight: var(--font-hairline);
  *****************************************************************/
  --font-thin:       100;
  --font-extralight: 200;
  --font-light:      300;
  --font-normal:     400;
  --font-medium:     500;
  --font-semibold:   600;
  --font-bold:       700;
  --font-extrabold:  800;
  --font-black:      900;

  /****************************************************************
  * Line Height
  * Variables for controlling the leading (line height) of an element.
  * line-height: var(--leading-tight);
  *****************************************************************/
  --leading-none:    1;
  --leading-tight:   1.25;
  --leading-snug:    1.375;
  --leading-normal:  1.4;
  --leading-relaxed: 1.625;
  --leading-loose:   2;
  --leading-3:       .75rem;  /* 12px */
  --leading-4:       1rem;    /* 16px */
  --leading-5:       1.25rem; /* 20px */
  --leading-6:       1.5rem;  /* 24px */
  --leading-7:       1.75rem; /* 28px */
  --leading-8:       2rem;    /* 32px */
  --leading-9:       2.25rem; /* 36px */
  --leading-10:      2.5rem;  /* 40px */

  /****************************************************************
  * Font Family (https://modernfontstacks.com)
  * Variables for controlling the font family of an element.
  * font-family: var(--font-sans);
  *****************************************************************/
  --font-system-ui: system-ui, sans-serif;
  --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;
  --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;
  --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;
  --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;
  --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;
  --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;
  --font-monospace-code: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;
  --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;
  --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;
  --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;
  --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;
  --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;
  --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;

  /****************************************************************
  * Letter Spacing
  * Variables for controlling the tracking (letter spacing) of an element.
  * letter-spacing: var(--tracking-tighter);
  *****************************************************************/
  --tracking-tighter: -0.05em;
  --tracking-tight:   -0.025em;
  --tracking-normal:  0em;
  --tracking-wide:    0.025em;
  --tracking-wider:   0.05em;
  --tracking-widest:  0.1em;
}