/* ═══════════════════════════════════════════════════════════════
   ORBTI Design System — Main Entry Point
   v1.0 — Março 2026

   Import order matters: tokens → base → components → utilities → animations
   Each layer builds on the previous one.

   Usage: <link rel="stylesheet" href="design-system/main.css">
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Tokens (CSS custom properties — no output) ── */
@import url('./tokens/colors.css?v=7');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/motion.css');

/* ── 2. Base (reset, global styles, semantic typography) ── */
@import url('./base/reset.css');
@import url('./base/typography.css');

/* ── 3. Components ── */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/nav.css');
@import url('./components/inputs.css');
@import url('./components/pills.css');
@import url('./components/tabs.css');
@import url('./components/sections.css');

/* ── 4. Utilities (layout helpers, grid, visibility) ── */
@import url('./utilities/layout.css');

/* ── 5. Animations (keyframes, GSAP integration, effects) ── */
@import url('./animations/animations.css');