/* ==========================================================================
   TM Design System — entry point
   The page links this one file. Cascade layers fix precedence by layer, not
   by selector weight or file order, so later layers always win:

     reset → tokens → base → layout → components → sections → utilities

   See design-system/README.md for the rules.
   ========================================================================== */

@layer reset, tokens, base, layout, components, sections, utilities;

/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;700&family=Martian+Mono:wght@400&family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@400;500;600;700&display=swap");

/* Reset */
@import url("base/reset.css") layer(reset);

/* Tokens */
@import url("tokens/primitives.css") layer(tokens);
@import url("tokens/semantic.css") layer(tokens);
@import url("tokens/motion.css") layer(tokens);
@import url("tokens/favor4.css") layer(tokens);

/* Base */
@import url("base/typography.css") layer(base);
@import url("base/a11y.css") layer(base);

/* Layout */
@import url("layout/layout.css") layer(layout);

/* Components */
@import url("components/brand-mark.css") layer(components);
@import url("components/button.css") layer(components);
@import url("components/reveal.css") layer(components);
@import url("components/skill-card.css") layer(components);
@import url("components/progress.css") layer(components);
@import url("components/cue.css") layer(components);
@import url("components/status-badge.css") layer(components);
@import url("components/data-table.css") layer(components);

/* Sections */
@import url("sections/hero.css") layer(sections);
@import url("sections/manifesto.css") layer(sections);
@import url("sections/rail.css") layer(sections);
@import url("sections/case-study.css") layer(sections);
@import url("sections/brand-library.css") layer(sections);
@import url("sections/process.css") layer(sections);
@import url("sections/matrix.css") layer(sections);
@import url("sections/footer.css") layer(sections);

/* Utilities */
@import url("utilities/utilities.css") layer(utilities);