:root{
  --form-font-family: inherit;
  --form-font-weight: 400;

  --fs-xxs: .65rem;
  --fs-xs: .75rem;
  --fs-sm: .1;
  --fs-md: 1.25rem;
  --fs-lg: 2rem;
  --fs-xl: 3rem;

  --h-xs: 30px;
  --h-sm: 36px;
  --h-md: 44px;
  --h-lg: 52px;

  --px-xs: .5rem;
  --px-sm: .75rem;
  --px-md: 1rem;
  --px-lg: 1.25rem;
}

.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

.fw-thin    { font-weight: 100 !important; }
.fw-lighter { font-weight: 200 !important; }

.fw-light   { font-weight: 300 !important; }
.fw-regular { font-weight: 400 !important; }
.fw-normal  { font-weight: 400 !important; }

.fw-semibold{ font-weight: 600 !important; }

.fw-bold    { font-weight: 700 !important; }

.fw-bolder  { font-weight: 800 !important; }

.fw-max     { font-weight: 800 !important; }

.fw-inherit { font-weight: inherit !important; }

.text-xxs{ font-size: var(--fs-xxs); }
.text-xs{ font-size: var(--fs-xs); }
.text-sm{ font-size: var(--fs-sm); }
.text-md{ font-size: var(--fs-md); }
.text-lg{ font-size: var(--fs-lg); }
.text-xl{ font-size: var(--fs-xl); }