@import "./tokens/fonts.css";
@import "./tokens/colors.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/radius.css";
@import "./tokens/elevation.css";
@import "./tokens/motion.css";

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--text-heading);
  background: var(--page-bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.lightbox-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--blue-600); }
img { max-width: 100%; display: block; }
::selection { background: var(--blue-600); color: #fff; }