@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Mitr:wght@400;500;600&display=swap");

:root {
  --font-en: 'Nunito', sans-serif;
  --font-th: 'Mitr', sans-serif;
  --font-code: 'Fira Code', 'Source Code Pro', monospace;

  /* Override --font-ui used throughout scratch-shell.css */
  --font-ui: 'Nunito', 'Mitr', sans-serif;

  --font-size-base: 20px;
  --padding-page: 24px;
  --padding-section: 16px;
}

body,
button,
input,
textarea,
select,
h1, h2, h3, h4, h5, h6,
label {
  font-family: var(--font-ui);
}

body {
  font-size: var(--font-size-base);
}

.scratch-page {
  padding: var(--padding-page);
}