html {
scroll-behavior: smooth;
background-color: theme("colors.primary");
&.dark {
background-color: theme("colors.darkmode.800");
body {
color: theme("colors.slate.300");
*,
::before,
::after {
border-color: theme("colors.white" / 5%);
}
}
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
padding-top: theme("spacing.3");
padding-left: theme("spacing.3");
padding-right: theme("spacing.3");
font-family: theme("fontFamily.roboto");
font-size: theme("fontSize.sm");
line-height: theme("lineHeight.5");
color: theme("colors.slate.800");
@media screen(sm) {
padding-left: theme("spacing.8");
padding-right: theme("spacing.8");
}
}
}