/* ============================================================
   Portfolio Style Guide — Design System
   Global CSS entry point. Consumers link THIS file only.
   Keep this as @import lines (plus a tiny base reset).
   ============================================================ */
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/effects.css");

/* Minimal base — quiet canvas, ink text, the display face. */
:root {
  color-scheme: light;
}
body {
  margin: 0;
  background: var(--surface-canvas);
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: var(--fs-body-md);
  line-height: var(--lh-body-md);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
*, *::before, *::after { box-sizing: border-box; }