/* =========================
   TOKENS
========================= */

/* Design Tokens */
@import url('./tokens/design/colors.css');
@import url('./tokens/design/typography.css');
@import url('./tokens/design/spacing.css');
@import url('./tokens/design/radius.css');
@import url('./tokens/design/shadows.css');
@import url('./tokens/design/borders.css');
@import url('./tokens/design/transitions.css');
@import url('./tokens/design/z-index.css');

/* Layout Tokens */
@import url('./tokens/layout/breakpoints.css');
@import url('./tokens/layout/container.css');

/* =========================
   BASE
========================= */

@import url('./base/reset.css');
@import url('./base/typography.css');

/* =========================
   LAYOUT
========================= */

@import url('./layout/spacing.css');
@import url('./layout/alignment.css');
@import url('./layout/margin.css');
@import url('./layout/padding.css');
@import url('./layout/container.css');
@import url('./layout/grid.css');
@import url('./layout/stack.css');
@import url('./layout/sections.css');

/* =========================
   COMPONENTS
========================= */

@import url('./components/top-blur.css');
@import url('./components/navbar.css');

/* =========================
   SECTIONS
========================= */

@import url('./sections/hero.css');
@import url('./sections/about.css');
@import url('./sections/contact.css');

/* =========================
   ANIMATIONS
========================= */

@import url('./animations/shine.css');
@import url('./animations/focus.css');