:root{
    --color-SininenAinola: #5FB1C9;
    --color-OranssiHiitola: #F59C64;
    --color-TurkoosiTapiola: #5AC4A9;
    --color-PunainenMetsola: #ED989C;
    --color-LuonnonValkoinen: #FFEFE3;
    --color-Yönsininen: #0F262B;
    --color-OranssiTumma: #9E5F3E;
    --color-SininenTumma: #2B6B80;
    --color-TurkoosiTumma: #276965;
    --color-PunainenTumma: #C54D5D;
}

/* Prevent iOS Safari from auto-scaling text on load */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Prevent mobile auto-zoom when focusing controls (<16px triggers zoom) */
input, select, textarea, button {
  font-size: 16px;           /* safe minimum on iOS */
}
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;            /* <- the important line */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}