:root {
  --scale-minor-second: 1.067;
  --scale-major-second: 1.125;
  --scale-minor-third: 1.2;
  --scale-major-third: 1.25;
  --scale-perfect-fourth: 1.333;
  --scale-augmented-fourth: 1.414;
  --scale-perfect-fifth: 1.5;
  --scale-golden: 1.618;

  --border-radius: 1rem;
  --min-font-size: 16;
  --max-font-size: 18;
  --max-font-size-large: 20;
  --min-viewport: 320;
  --max-viewport: 1440;
  --min-scale: var(--scale-major-second);
  --max-scale: var(--scale-major-third);

  --type-min-font-size: var(--min-font-size);
  --type-max-font-size: var(--max-font-size);
  --type-min-viewport:  var(--min-viewport);
  --type-max-viewport:  var(--max-viewport);
  --type-min-scale:     var(--min-scale);
  --type-max-scale:     var(--max-scale);

  --space: 1rem;
  --space-min-font-size: var(--min-font-size);
  --space-max-font-size: var(--max-font-size-large);
  --space-min-viewport:  var(--min-viewport);
  --space-max-viewport:  var(--max-viewport);

  --m-3xs: 0.25; --m-2xs: 0.5; --m-xs: 0.75; --m-s: 1; --m-m: 1.5;
  --m-l: 2; --m-xl: 3; --m-2xl: 4; --m-3xl: 5;

  --neutral-hue: 146;
  --neutral-chroma: 0.01;
  --dark-chroma-mul: 1;

  --seed-0-c: 0.25;  --seed-0-h: 146; --seed-0-l: 45%; --seed-0-ld: 10%;
  --seed-1-c: 0.225; --seed-1-h: 73;  --seed-1-l: 45%; --seed-1-ld: 10%;
  --seed-2-c: 0.2;   --seed-2-h: 348; --seed-2-l: 45%; --seed-2-ld: 10%;
  --seed-3-c: 0.25;  --seed-3-h: 30;  --seed-3-l: 45%; --seed-3-ld: 10%;

  --tier-0: 0%; --tier-1: 5%; --tier-2: 5%;

  --n-1: 1%; --n-2: 20%; --n-3: 30%; --n-4: 40%; --n-5: 50%;
  --n-6: 60%; --n-7: 70%; --n-8: 85%; --n-9: 95%; --n-10: 99%;

  --content-max-width: 65rem;
  --content-wide-1-width: 2rem;
  --content-wide-2-width: 7rem;
}