/* ==========================================================
   MENTOROID EDUVISOR
   Global Typography System
   Version: 1.0
   ========================================================== */

/* Google Font Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Base Typography */

html{
  font-size:16px;
  scroll-behavior:smooth;
}

body{
  font-family:'Inter',sans-serif;
  font-size:1rem;
  font-weight:400;
  line-height:1.7;
  color:var(--text-primary);
  background:var(--bg-main);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Headings */

h1,h2,h3,h4,h5,h6{
  margin:0;
  font-weight:700;
  line-height:1.2;
  color:var(--text-primary);
}

h1{
  font-size:4rem;
  font-weight:800;
}

h2{
  font-size:3rem;
}

h3{
  font-size:2.25rem;
}

h4{
  font-size:1.75rem;
}

h5{
  font-size:1.35rem;
}

h6{
  font-size:1.1rem;
}

/* Paragraph */

p{
  margin:0;
  color:var(--text-secondary);
  font-size:1rem;
  line-height:1.8;
}

/* Links */

a{
  color:inherit;
  text-decoration:none;
  transition:var(--transition-fast);
}

/* Lists */

ul,
ol{
  margin:0;
  padding:0;
  list-style:none;
}

/* Strong */

strong{
  font-weight:700;
}

/* Selection */

::selection{
  background:var(--color-primary);
  color:#fff;
}

/* Utility Classes */

.text-gradient{
  background:var(--gradient-primary);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.text-center{
  text-align:center;
}

.text-left{
  text-align:left;
}

.text-right{
  text-align:right;
}