/* ================================================================
   font-sizes.css — Manual Font Size Utilities (6px to 40px, even)
   
   ACCESSIBILITY COMPATIBLE:
   All sizes use calc(Npx * var(--a11y-font-scale, 1)) so they
   scale correctly when the user activates "Bigger Text" in the
   accessibility panel — while still being authored in px values.

   Usage:  <p class="fs-14">Hello</p>
================================================================ */

.fs-6  { font-size: calc(6px  * var(--a11y-font-scale, 1)) !important; }
.fs-8  { font-size: calc(8px  * var(--a11y-font-scale, 1)) !important; }
.fs-10 { font-size: calc(10px * var(--a11y-font-scale, 1)) !important; }
.fs-12 { font-size: calc(12px * var(--a11y-font-scale, 1)) !important; }
.fs-13 { font-size: calc(13px * var(--a11y-font-scale, 1)) !important; }
.fs-14 { font-size: calc(14px * var(--a11y-font-scale, 1)) !important; }
.fs-15 { font-size: calc(15px * var(--a11y-font-scale, 1)) !important; }
.fs-16 { font-size: calc(16px * var(--a11y-font-scale, 1)) !important; }
.fs-18 { font-size: calc(18px * var(--a11y-font-scale, 1)) !important; }
.fs-20 { font-size: calc(20px * var(--a11y-font-scale, 1)) !important; }
.fs-22 { font-size: calc(22px * var(--a11y-font-scale, 1)) !important; }
.fs-24 { font-size: calc(24px * var(--a11y-font-scale, 1)) !important; }
.fs-26 { font-size: calc(26px * var(--a11y-font-scale, 1)) !important; }
.fs-28 { font-size: calc(28px * var(--a11y-font-scale, 1)) !important; }
.fs-30 { font-size: calc(30px * var(--a11y-font-scale, 1)) !important; }
.fs-32 { font-size: calc(32px * var(--a11y-font-scale, 1)) !important; }
.fs-34 { font-size: calc(34px * var(--a11y-font-scale, 1)) !important; }
.fs-36 { font-size: calc(36px * var(--a11y-font-scale, 1)) !important; }
.fs-38 { font-size: calc(38px * var(--a11y-font-scale, 1)) !important; }
.fs-40 { font-size: calc(40px * var(--a11y-font-scale, 1)) !important; }

/* ----------------------------------------------------------------
   Font Weight Utilities
   (weights are numbers, not affected by accessibility scaling)
---------------------------------------------------------------- */
.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; }

/* ----------------------------------------------------------------
   Line Height Utilities (px, even — also accessibility scaled)
---------------------------------------------------------------- */
.lh-16 { line-height: calc(16px * var(--a11y-font-scale, 1)) !important; }
.lh-18 { line-height: calc(18px * var(--a11y-font-scale, 1)) !important; }
.lh-20 { line-height: calc(20px * var(--a11y-font-scale, 1)) !important; }
.lh-22 { line-height: calc(22px * var(--a11y-font-scale, 1)) !important; }
.lh-24 { line-height: calc(24px * var(--a11y-font-scale, 1)) !important; }
.lh-26 { line-height: calc(26px * var(--a11y-font-scale, 1)) !important; }
.lh-28 { line-height: calc(28px * var(--a11y-font-scale, 1)) !important; }
.lh-30 { line-height: calc(30px * var(--a11y-font-scale, 1)) !important; }
.lh-32 { line-height: calc(32px * var(--a11y-font-scale, 1)) !important; }
.lh-34 { line-height: calc(34px * var(--a11y-font-scale, 1)) !important; }
.lh-36 { line-height: calc(36px * var(--a11y-font-scale, 1)) !important; }
.lh-38 { line-height: calc(38px * var(--a11y-font-scale, 1)) !important; }
.lh-40 { line-height: calc(40px * var(--a11y-font-scale, 1)) !important; }
.lh-42 { line-height: calc(42px * var(--a11y-font-scale, 1)) !important; }
.lh-44 { line-height: calc(44px * var(--a11y-font-scale, 1)) !important; }
.lh-46 { line-height: calc(46px * var(--a11y-font-scale, 1)) !important; }
.lh-48 { line-height: calc(48px * var(--a11y-font-scale, 1)) !important; }