/**
 * Design tokens — CSS custom properties.
 * Imports from src/design-tokens/. Light and dark themes.
 */

@import url('../src/design-tokens/color-primitives.css');
@import url('../src/design-tokens/color-semantics.css');
@import url('../src/design-tokens/size-primitives.css');
@import url('../src/design-tokens/spacing-semantics.css');
@import url('../src/design-tokens/shape.css');
@import url('../src/design-tokens/typography-primitives.css');
@import url('../src/design-tokens/typography-semantics.css');
@import url('../src/design-tokens/motion.css');

:root {
  /* Layout (page-layout: gutter 40, container-padding 40) */
  --gutter: var(--spacing-spacious);
  --container-padding: var(--spacing-spacious);
}