/* DDT Design System - single stylesheet entry. Link this one file; it pulls in
   fonts, colors, and the dual-scale type/spacing tokens via @import. Components
   style themselves inline from these CSS custom properties (no _ds_bundle.css). */
@import './tokens/fonts.css';
@import './tokens/colors.css';
@import './tokens/typography.css';
@import './tokens/spacing.css';

/* Sensible page defaults so a bare website inherits the brand ground. */
body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--type-body);
  line-height: var(--line-body);
  -webkit-font-smoothing: antialiased;
}