/* ============================================================
   MÒ 墨 — Design System
   Global entry point. Consumers link THIS file only.
   Keep this file as @import lines (+ minimal resets) only.
   ============================================================ */

@import url('tokens/fonts.css');
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
@import url('tokens/effects.css');

/* Minimal, brand-aligned base resets (safe for consumers) */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--text-on-light);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: var(--mo-vermilion); color: var(--mo-bone); }