:root {
  font-family:
    Inter,
    system-ui,
    sans-serif;

  color: #f8fafc;

  background:
    linear-gradient(
      135deg,
      #020617,
      #0f172a,
      #111827
    );

  font-synthesis: none;

  text-rendering:
    optimizeLegibility;

  -webkit-font-smoothing:
    antialiased;

  -moz-osx-font-smoothing:
    grayscale;
}

* {
  box-sizing: border-box;
}

html,
body,
#root {
  margin: 0;
  padding: 0;

  width: 100%;
  min-height: 100vh;
}

body {
  background:
    radial-gradient(
      circle at top left,
      rgba(245,158,11,0.18),
      transparent 20%
    ),

    radial-gradient(
      circle at bottom right,
      rgba(239,68,68,0.12),
      transparent 25%
    ),

    linear-gradient(
      135deg,
      #020617,
      #0f172a,
      #111827
    );

  color: #f8fafc;
}

button {
  font-family: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #0f172a;
}

::-webkit-scrollbar-thumb {
  background:
    linear-gradient(
      #f59e0b,
      #ea580c
    );

  border-radius: 999px;
}