/* =========================================================
   MathVenture Global Typography
   One text font across dashboard, lessons and teacher tools.
   Icons are SVG and are not dependent on an icon font.
   ========================================================= */

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

:root {
  --mv-font: "Poppins", Arial, Helvetica, sans-serif;
  --mv-font-regular: 400;
  --mv-font-medium: 500;
  --mv-font-semibold: 600;
  --mv-font-bold: 700;
  --mv-font-extrabold: 800;
  --mv-font-black: 900;
}

/*
 * Deliberately strong: older MathVenture component styles still contain
 * Fredoka/Nunito/Trebuchet declarations, some with !important. This selector
 * makes Poppins the final application font without having to rewrite every
 * legacy lesson stylesheet. SVG icon paths are unaffected by font-family.
 */
html body,
html body * {
  font-family: var(--mv-font) !important;
}

body {
  font-weight: var(--mv-font-regular);
}

button,
input,
select,
textarea,
option {
  font-family: var(--mv-font) !important;
}

input,
select,
textarea {
  font-weight: var(--mv-font-medium);
}

input::placeholder,
textarea::placeholder {
  font-family: var(--mv-font) !important;
  font-weight: var(--mv-font-medium);
}

h1,
h2 {
  font-weight: var(--mv-font-bold);
}

h3,
h4,
h5,
h6 {
  font-weight: var(--mv-font-semibold);
}