@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

:root {
  font-family: 'JetBrains Mono', monospace, Arial, Helvetica, sans-serif;
  font-weight: 500;
  --text-50: #eff2f6;
  --text-100: #dfe4ec;
  --text-200: #bfc9d9;
  --text-300: #9fafc6;
  --text-400: #7e94b4;
  --text-500: #5e79a1;
  --text-600: #4b6181;
  --text-700: #394960;
  --text-800: #263040;
  --text-900: #131820;
  --text-950: #090c10;

  --background-50: #eef0f6;
  --background-100: #dde1ee;
  --background-200: #bbc4dd;
  --background-300: #99a6cc;
  --background-400: #7788bb;
  --background-500: #556aaa;
  --background-600: #445588;
  --background-700: #334066;
  --background-800: #222b44;
  --background-900: #111522;
  --background-950: #090b11;

  --primary-50: #e9f0fc;
  --primary-100: #d2e0f9;
  --primary-200: #a5c2f3;
  --primary-300: #78a3ed;
  --primary-400: #4b84e7;
  --primary-500: #1f66e0;
  --primary-600: #1851b4;
  --primary-700: #123d87;
  --primary-800: #0c295a;
  --primary-900: #06142d;
  --primary-950: #030a16;

  --secondary-50: #edf1f7;
  --secondary-100: #dbe3f0;
  --secondary-200: #b8c7e0;
  --secondary-300: #94aad1;
  --secondary-400: #708ec2;
  --secondary-500: #4d72b3;
  --secondary-600: #3d5b8f;
  --secondary-700: #2e446b;
  --secondary-800: #1f2e47;
  --secondary-900: #0f1724;
  --secondary-950: #080b12;

  --error: #eb6363;
}

h1 {
  font-size: 2.986rem;
}

h2 {
  font-size: 2.488rem;
}

h3 {
  font-size: 2.074rem;
}

h4 {
  font-size: 1.728rem;
}

h5 {
  font-size: 1.44rem;
}

h6 {
  font-size: 1.2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

p {
  font-size: 1rem;
  line-height: 1.2rem;
}

small {
  font-size: 0.833rem;
}

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