/* style.css - Responsive font sizes for text-[size] */

/* Base scaling variables */
:root {
  --scale-sm: 0.7;   /* 0-767px */
  --scale-md: 0.85;  /* 768px */
  --scale-lg: 1.0;   /* 1024px */
  --scale-xl: 1.15;  /* 1424px */
  --scale-2xl: 1.25; /* 1920px */
}

/* Utility to auto-scale font-size */
[class^="text-"] {
  font-size: calc(var(--fsize) * var(--scale-sm));
}

@media (min-width: 768px) {
  [class^="text-"] {
    font-size: calc(var(--fsize) * var(--scale-md));
  }
}
@media (min-width: 1024px) {
  [class^="text-"] {
    font-size: calc(var(--fsize) * var(--scale-lg));
  }
}
@media (min-width: 1424px) {
  [class^="text-"] {
    font-size: calc(var(--fsize) * var(--scale-xl));
  }
}
@media (min-width: 1920px) {
  [class^="text-"] {
    font-size: calc(var(--fsize) * var(--scale-2xl));
  }
}

/* Define font-size in lg */                /* equivalent to 2xl */
.text-10 { --fsize: 10px; }
.text-11 { --fsize: 11px; }
.text-12 { --fsize: 12px; }
.text-13 { --fsize: 13px; }
.text-14 { --fsize: 14px; }
.text-15 { --fsize: 15px; }
.text-16 { --fsize: 16px; }
.text-17 { --fsize: 17px; }
.text-18 { --fsize: 18px; }
.text-19 { --fsize: 19px; }
.text-20 { --fsize: 20px; }
.text-21 { --fsize: 21px; }
.text-22 { --fsize: 22px; }
.text-23 { --fsize: 23px; }
.text-24 { --fsize: 24px; }
.text-25 { --fsize: 25px; }
.text-26 { --fsize: 26px; }
.text-27 { --fsize: 27px; }
.text-28 { --fsize: 28px; }
.text-29 { --fsize: 29px; }
.text-30 { --fsize: 30px; }
.text-31 { --fsize: 31px; }
.text-32 { --fsize: 32px; }
.text-33 { --fsize: 33px; }
.text-34 { --fsize: 34px; }
.text-35 { --fsize: 35px; }
.text-36 { --fsize: 36px; }
.text-37 { --fsize: 37px; }
.text-38 { --fsize: 38px; }
.text-39 { --fsize: 39px; }
.text-40 { --fsize: 40px; }
.text-41 { --fsize: 41px; }
.text-42 { --fsize: 42px; }
.text-43 { --fsize: 43px; }
.text-44 { --fsize: 44px; }
.text-45 { --fsize: 45px; }
.text-46 { --fsize: 46px; }
.text-47 { --fsize: 47px; }
.text-48 { --fsize: 48px; }
.text-49 { --fsize: 49px; }
.text-50 { --fsize: 50px; }
.text-51 { --fsize: 51px; }
.text-52 { --fsize: 52px; }
.text-53 { --fsize: 53px; }
.text-54 { --fsize: 54px; }             /* 68px */
.text-55 { --fsize: 55px; }
.text-56 { --fsize: 56px; }
.text-57 { --fsize: 57px; }
.text-58 { --fsize: 58px; }
.text-59 { --fsize: 59px; }
.text-60 { --fsize: 60px; }
.text-61 { --fsize: 61px; }
.text-62 { --fsize: 62px; }
.text-63 { --fsize: 63px; }
.text-64 { --fsize: 64px; }
.text-65 { --fsize: 65px; }
.text-66 { --fsize: 66px; }
.text-67 { --fsize: 67px; }
.text-68 { --fsize: 68px; }              
.text-69 { --fsize: 69px; }
.text-70 { --fsize: 70px; }