/* ============================================================
   SWORDS & BUTTERFLIES — Design System entry point
   ------------------------------------------------------------
   Link THIS file to get the full token foundation in one go:
   <link href="styles.css" rel="stylesheet">

   It re-exports the color, type, spacing, radius, shadow and
   motion tokens plus the semantic type classes.

   FONTS: --font-display points at "Newsreader" and --font-body
   at "Mulish". Those are the house families; until the font
   files are uploaded, the fallback stacks (Georgia / system-ui)
   render in their place. Load the webfonts in your <head>:
   <link href="https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,700&family=Mulish:wght@400;500;600;700;800&display=swap" rel="stylesheet">

   UI-kit styles are scoped to their kit and linked separately:
   - ui_kits/website/styles.css
   - ui_kits/copybook/styles.css
   ============================================================ */

@import url("colors_and_type.css");
