/* Focused Scopes design system — stylesheet entry point.

   Everything a design built with this system needs is reachable from here.
   This is a tokens-only design system: focusedscopes.com is hand-written
   static HTML with no component library, so there are no components to
   import. Build markup freely; style it with the tokens below.

   Two layers, deliberately separate:
     colors.css / effects.css   DERIVED from the live site by
                                .design-sync/extract-tokens.mjs. Do not hand-edit.
     depth.css / scale.css      AUTHORED brand extension for the new marketing
                                site — elevation, glass, atmosphere, motion,
                                space, radius, fluid type. Hand-maintained.
     typography.css             AUTHORED rules (italic body, form-control reset). */

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import "./tokens/colors.css";
@import "./tokens/effects.css";
@import "./tokens/depth.css";
@import "./tokens/scale.css";
@import "./tokens/motion.css";
@import "./tokens/typography.css";