/* PlantPOP token layer — every value the system declares, and nothing else.

   This is the whole `:root` of the design system. It was two: `tokens/` served
   the care pages, and `home.css` carried a second block copied out of an
   external design package, so the same role resolved to different values
   depending on which surface you were on. That is reconciled — the values that
   survived and why are in README, "Reconciling the two token sets".

   Link this when you want the values on their own. Link `styles.css` when you
   also want the components built on them; it imports this file first. A page
   never links both.

     tokens.css   values          index.html + home.css
     styles.css   values + shapes monstera.html, plants/*.html

   Order matters once: colours declare --pp-ink-rgb, and radius reads it for
   the shadow tint, so colours come first. */

@import "./tokens/fonts.css";

/* The webfont request for this repo's own pages. It lives here rather than in
   tokens/fonts.css so the token layer stays a pure declaration of values: the
   design-system bundle re-declares these same two families from local woff2
   and must not also pay for a font-host round trip on every render. */
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=DM+Sans:wght@400;500;700&display=swap");

@import "./tokens/colors.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/radius.css";
@import "./tokens/motion.css";