/**
 * @mutable-state-inc/design-system
 *
 * Token-based design system for consistent UI styling across Ensue products.
 *
 * Usage:
 *   @import '@mutable-state-inc/design-system';
 *
 * Or import individual token files:
 *   @import '@mutable-state-inc/design-system/tokens/colors.css';
 *   @import '@mutable-state-inc/design-system/tokens/typography.css';
 *
 * See COMPONENTS.md for component documentation.
 */

/* Token imports - order matters for variable dependencies */
@import './tokens/typography.css'; /* Includes Google Fonts import */
@import './tokens/colors.css'; /* Primitives + semantics */
@import './tokens/spacing.css';
@import './tokens/borders.css';
@import './tokens/shadows.css';
@import './tokens/layout.css';
@import './tokens/animations.css';
@import './tokens/components.css'; /* Button, link, input, prose tokens */
@import './components.css'; /* Reusable component classes */

/* ============================================
 * GLOBAL RESETS
 * ============================================ */

*,
*::before,
*::after {
  box-sizing: border-box;
}