@import url('./tokens/fonts.css');
@import url('./tokens/colors.css');
@import url('./tokens/gradients.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/radius.css');
@import url('./tokens/shadow.css');
@import url('./tokens/motion.css');
@import url('./tokens/surfaces.css');

/* Minimal global reset — everything else stays inline per component */
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}