/* font-scale.css */

/*
   1. Gaya untuk Mobile (hingga 639px):
      max-width: 639px memastikan gaya ini hanya berlaku untuk layar sekecil ini.
*/
@media (max-width: 639px) {
    html {
        font-size: 100%; 
    }
}

/* 2. Gaya untuk Tablet (640px hingga 1023px):
      Gaya ini akan berlaku di rentang lebar layar tersebut.
*/
@media (min-width: 640px) and (max-width: 1023px) {
    html {
        font-size: 100%;
    }
}

/* 3. Gaya untuk Desktop (1024px ke atas):
      min-width: 1024px memastikan gaya ini hanya berlaku untuk layar besar.
*/
@media (min-width: 1024px) {
    html {
        font-size: 100%;
    }
}