/*
 * main.css — entry point
 * Import order matters: tokens → base → layout → components → dev
 */

/* Design tokens (primitives → typography → themes → semantic) */
@import "../tokens/index.css";

/* Base */
@import "./base/reset.css";
@import "./base/variables.css";
@import "./base/animate.css";

/* Typography */
@import "./typography.css";

/* Layout */
@import "./layout/page.css";
@import "./layout/header.css";
@import "./layout/nav.css";
@import "./layout/footer.css";

/* Components */
@import "./components/nav-link.css";
@import "./components/hero.css";
@import "./components/experience.css";
@import "./components/testimonials.css";
@import "./components/connect.css";
@import "./components/about.css";
@import "./components/media-slider.css";
@import "./components/button.css";
@import "./components/icon.css";

/* Dev tooling */
@import "./dev/grid.css";