@import url("https://fonts.googleapis.com/css?family=Noto%20Sans%20Old%20Hungarian:700|Noto%20Sans%20Old%20Hungarian:400");

body {
  font-family: "Noto Sans Old Hungarian";
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans Old Hungarian";
  font-weight: 700;
}

html {
  font-size: 100%;
} /* 16px */

h1 {
  font-size: 1.602rem; /* 28.8px */
}

h2 {
  font-size: 1.602rem; /* 25.6px */
}

h3 {
  font-size: 1.424rem; /* 22.72px */
}

h4 {
  font-size: 1.266rem; /* 20.32px */
}

h5 {
  font-size: 1.125rem; /* 18.08px */
}
h6 {
  font-size: 1rem; /* 16px */
}
small {
  font-size: 0.889rem; /* 14.24px */
}
:root {
  --size-120: 120%;
  --size-110: 110%;
  --size-100: 100%;
  --size-95: 95%;
  --size-90: 90%;
  --size-80: 80%;
  --size-75: 75%;
  --size-70: 70%;
  --size-65: 65%;
  --size-60: 60%;
  --size-50: 50%;
}
@media (prefers-color-scheme: light) {
}
@media (prefers-color-scheme: dark) {
}
:root[data-theme="light"] {
  --text: #011306;
  --background: #f1f9f3;
  --primary: #a0fdc1;
  --secondary: #7ee6fb;
  --accent: #44b6f8;

  --text-50: #e7feed;
  --text-100: #cffcdc;
  --text-200: #9efab8;
  --text-300: #6ef795;
  --text-400: #3df571;
  --text-500: #0df24e;
  --text-600: #0ac23e;
  --text-700: #08912f;
  --text-800: #05611f;
  --text-900: #033010;
  --text-950: #011808;

  --background-50: #edf7f0;
  --background-100: #dbf0e0;
  --background-200: #b8e0c2;
  --background-300: #94d1a3;
  --background-400: #70c285;
  --background-500: #4db366;
  --background-600: #3d8f52;
  --background-700: #2e6b3d;
  --background-800: #1f4729;
  --background-900: #0f2414;
  --background-950: #08120a;

  --primary-50: #e6feef;
  --primary-100: #cdfede;
  --primary-200: #9bfdbd;
  --primary-300: #69fc9c;
  --primary-400: #37fb7c;
  --primary-500: #05fa5b;
  --primary-600: #04c849;
  --primary-700: #039636;
  --primary-800: #026424;
  --primary-900: #013212;
  --primary-950: #011909;

  --secondary-50: #e6fafe;
  --secondary-100: #cef5fd;
  --secondary-200: #9cecfc;
  --secondary-300: #6be2fa;
  --secondary-400: #39d9f9;
  --secondary-500: #08cff7;
  --secondary-600: #06a6c6;
  --secondary-700: #057c94;
  --secondary-800: #035363;
  --secondary-900: #022931;
  --secondary-950: #011519;

  --accent-50: #e6f5fe;
  --accent-100: #ceecfd;
  --accent-200: #9dd9fb;
  --accent-300: #6bc5fa;
  --accent-400: #3ab2f8;
  --accent-500: #099ff6;
  --accent-600: #077fc5;
  --accent-700: #055f94;
  --accent-800: #044062;
  --accent-900: #022031;
  --accent-950: #011019;
}

:root[data-theme="dark"] {
  --text: #ecfef1;
  --background: #060e08;
  --primary: #025f22;
  --secondary: #046c81;
  --accent: #0779bb;

  --text-50: #011808;
  --text-100: #033010;
  --text-200: #05611f;
  --text-300: #08912f;
  --text-400: #0ac23e;
  --text-500: #0df24e;
  --text-600: #3df571;
  --text-700: #6ef795;
  --text-800: #9efab8;
  --text-900: #cffcdc;
  --text-950: #e7feed;

  --background-50: #08120a;
  --background-100: #0f2414;
  --background-200: #1f4729;
  --background-300: #2e6b3d;
  --background-400: #3d8f52;
  --background-500: #4db366;
  --background-600: #70c285;
  --background-700: #94d1a3;
  --background-800: #b8e0c2;
  --background-900: #dbf0e0;
  --background-950: #edf7f0;

  --primary-50: #011909;
  --primary-100: #013212;
  --primary-200: #026424;
  --primary-300: #039636;
  --primary-400: #04c849;
  --primary-500: #05fa5b;
  --primary-600: #37fb7c;
  --primary-700: #69fc9c;
  --primary-800: #9bfdbd;
  --primary-900: #cdfede;
  --primary-950: #e6feef;

  --secondary-50: #011519;
  --secondary-100: #022931;
  --secondary-200: #035363;
  --secondary-300: #057c94;
  --secondary-400: #06a6c6;
  --secondary-500: #08cff7;
  --secondary-600: #39d9f9;
  --secondary-700: #6be2fa;
  --secondary-800: #9cecfc;
  --secondary-900: #cef5fd;
  --secondary-950: #e6fafe;

  --accent-50: #011019;
  --accent-100: #022031;
  --accent-200: #044062;
  --accent-300: #055f94;
  --accent-400: #077fc5;
  --accent-500: #099ff6;
  --accent-600: #3ab2f8;
  --accent-700: #6bc5fa;
  --accent-800: #9dd9fb;
  --accent-900: #ceecfd;
  --accent-950: #e6f5fe;
}