/* ─────────────────────────────────────────────────────────────────────────
   SpeakEasy — entry stylesheet
   Architecture: @layer order, smallest → largest specificity
   ────────────────────────────────────────────────────────────────────── */
@import "tokens/colors.css"   layer(tokens);
@import "tokens/typography.css" layer(tokens);
@import "tokens/spacing.css"  layer(tokens);
@import "tokens/motion.css"   layer(tokens);

@import "base/reset.css"      layer(base);
@import "base/base.css"       layer(base);
@import "base/a11y.css"       layer(base);

@import "layout/container.css"  layer(layout);
@import "layout/grid.css"       layer(layout);
@import "layout/section.css"    layer(layout);

@import "components/nav.css"       layer(components);
@import "components/cursor.css"    layer(components);
@import "components/button.css"    layer(components);
@import "components/product.css"  layer(components);
@import "components/process.css"  layer(components);
@import "components/news.css"     layer(components);
@import "components/article.css"  layer(components);
@import "components/legal.css"    layer(components);
@import "components/contact.css"  layer(components);
@import "components/page-hero.css" layer(components);
@import "components/museum-teaser.css" layer(components);
@import "components/footer.css"   layer(components);
@import "components/redesign.css?v=10" layer(components);

@import "utilities.css"           layer(utilities);