/* main.css — the single stylesheet the page links to.
   Composes every layer with native @import, in cascade order. No build step
   (see ADR 0002). @import statements must come first, so this file is only
   imports and comments.

   Order: reset -> design tokens -> fonts -> base -> components -> print. */

/* 1. Reset */
@import "reset.css";

/* 2. Design tokens (custom properties only — no rules) */
@import "tokens/colors.css";
@import "tokens/typography.css";
@import "tokens/spacing.css";
@import "tokens/effects.css";

/* 3. Self-hosted fonts */
@import "fonts.css";

/* 4. Site-wide base */
@import "base.css";

/* 5. Components (each scoped to its own root class) */
@import "components/brand-strip.css";
@import "components/nav.css";
@import "components/page-shell.css";
@import "components/hero.css";
@import "components/section-head.css";
@import "components/disclaimer.css";
@import "components/meal.css";
@import "components/day.css";
@import "components/card.css";
@import "components/portion.css";
@import "components/combinar.css";
@import "components/footer.css";

/* 6. Print (last, so it overrides) */
@import "print.css";