/* ============================================================================
   Collectedly design tokens --- single entry point.

   A product imports just this file and gets the whole system:

     @import url(".../tokens/index.css");   // vendored in, or however the
                                            // product's build resolves this repo

   Order matters: raw color scales first, then @font-face, then the semantic
   layer that maps them to studio tokens.
   ============================================================================ */

@import "./colors.css";        /* Radix scales --- the raw palette (light-dark)   */
@import "./fonts.css";         /* self-hosted @font-face declarations           */
@import "./collectedly.css";   /* semantic color/type/space/motion --- the studio */