*,
*::before,
*::after {
  box-sizing: border-box;
  /* Match Tailwind Preflight: solid style alone leaves initial `medium` width
     (~3px) on every element, which paints as thick colored borders once
     Flowbite theme CSS is gone. */
  border-width: 0;
  border-style: solid;
}

html {
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  background: var(--su-color-background, #ffffff);
  font-family: var(
    --su-font-family,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif
  );
  color: var(--su-color-foreground, #0f172a);
}

/* Match Tailwind Preflight: strip the browser default <a> underline. */
a {
  text-decoration: none;
}