/* default téma */
:root {
  --bg-color: white;
  --text-color: black;
  --text-hover-color: #01478e;
  --link-color: black;
  --menu-bg-color: rgb(230, 230, 230);
  --menu-bg-hover-color: rgb(210, 210, 210);
  --midbody-bg-color: rgb(240, 240, 240);
  --kiemelt-szoveg: orange;
}

[data-theme="dark"] {
  --bg-color: #121212;
  --text-color: #f5f5f5;
  --text-hover-color: #64b5ff;
  --link-color: #ffffff;
  --menu-bg-color: #1e1e1e;
  --menu-bg-hover-color: #2c2c2c;
  --midbody-bg-color: #181818;
  --kiemelt-szoveg: #ffcc66;
}

[data-theme="crem"] {
  --bg-color: #fff8e7;
  --text-color: #3b2f2f;
  --text-hover-color: #004c99;
  --link-color: #2e2e2e;
  --menu-bg-color: #f6e7c9;
  --menu-bg-hover-color: #edd9a3;
  --midbody-bg-color: #fcf3dd;
  --kiemelt-szoveg: #d48b28;
}

[data-fontsize="medium"] {
  --font-size: 100%;
  --content-font-size: 90%;
  --top-font-size: 160%;
}

[data-fontsize="large"] {
  --font-size: 112.5%;
  --content-font-size: 100%;
  --top-font-size: 175%;
}

[data-fontsize="xlarge"] {
  --font-size: 125%;
  --content-font-size: 110%;
  --top-font-size: 190%;
}