/* ==========================================================================
   Finora — stylesheet entry point
   Every page links:  css/index.css  →  one layout  →  one page stylesheet
     public site:  layouts/site-header.css + layouts/site-footer.css
     app:          layouts/app-shell.css
   Order matters: core → components → (layout) → (page). Later layers may
   add mix-in classes (e.g. .stat-card__icon on an .icon-tile) that rely on
   loading after the component they adjust.

   React migration map
     core/        → global styles imported once (tokens, reset, utilities)
     components/  → one file per component (Button.css, Panel.css …)
     layouts/     → SiteHeader, SiteFooter, AppShell
     pages/       → route-level styles
   ========================================================================== */

/* ---------- Core ---------- */
@import url("core/tokens.css");
@import url("core/fonts.css");
@import url("core/reset.css");
@import url("core/motion.css");
@import url("core/utilities.css");

/* ---------- Primitives ---------- */
@import url("components/icon.css");
@import url("components/icon-tile.css");
@import url("components/button.css");
@import url("components/icon-button.css");
@import url("components/text-link.css");
@import url("components/action-link.css");
@import url("components/badge.css");
@import url("components/eyebrow.css");
@import url("components/chip.css");
@import url("components/trend.css");
@import url("components/status.css");
@import url("components/category-tag.css");
@import url("components/ai-badge.css");
@import url("components/logo.css");
@import url("components/maintenance-bar.css");
@import url("components/avatar.css");
@import url("components/legend.css");
@import url("components/meter.css");
@import url("components/segmented.css");
@import url("components/tabs.css");

/* ---------- Forms & feedback ---------- */
@import url("components/field.css");
@import url("components/input.css");
@import url("components/checkbox.css");
@import url("components/notice.css");
@import url("components/empty-state.css");
@import url("components/toast.css");
@import url("components/modal.css");

/* ---------- Navigation ---------- */
@import url("components/lang-select.css");
@import url("components/account-menu.css");
@import url("components/breadcrumbs.css");
@import url("components/pagination.css");
@import url("components/legal-links.css");

/* ---------- Content blocks ---------- */
@import url("components/page-header.css");
@import url("components/page-hero.css");
@import url("components/section.css");
@import url("components/feature.css");
@import url("components/cta.css");
@import url("components/price-card.css");
@import url("components/faq.css");
@import url("components/prose.css");
@import url("components/panel.css");
@import url("components/stat-card.css");
@import url("components/table.css");
@import url("components/amount.css");
@import url("components/row-actions.css");
@import url("components/txn.css");
@import url("components/budget.css");
@import url("components/budget-summary.css");
@import url("components/budget-card.css");
@import url("components/budget-row.css");
@import url("components/kind-tiles.css");
@import url("components/summary-tiles.css");
@import url("components/ai-usage.css");
@import url("components/proto.css");

/* ---------- Visibility helpers (last, so they win over component display values) ---------- */
@import url("core/visibility.css");