@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

#wn8calculator {
  min-height: 100vh;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#wn8calculator * {
  box-sizing: border-box;
}

/*
 * This library is only attached on the /wn8calculator route, so these
 * overrides stay scoped to this page and don't touch the standalone
 * wn8-calculator.fpcstat.cz app or its source.
 *
 * MUI's CssBaseline (inside the widget) writes a background-color directly
 * onto <body> at runtime, after this stylesheet loads, so it wins the
 * cascade unless overridden with !important here.
 */
body {
  background: radial-gradient(circle at 20% 20%, #1b2230 0%, #0c0f16 45%, #07090d 100%) !important;
}

/* Match the widget's own root background to the site's theme instead of its
   standalone slate gradient. */
#wn8calculator > div {
  background: radial-gradient(circle at 20% 20%, #1b2230 0%, #0c0f16 45%, #07090d 100%) !important;
}
