/* CLIXHOUSE design system — one-line framework import
   ─────────────────────────────────────────────────────────────────
   Adopt the entire framework with a single line:

     @import url("/static/design/index.css");

   This loads every primitive in correct cascade order:
     reset    — modern reset (Comeau + Bell)
     tokens   — neutral OKLCH defaults + palette generator
     base     — element defaults + a11y + typography (focus, motion, OpenType)
     layout   — Every Layout primitives (Heydon + Andy)
     comp.    — patterns, modern, capabilities (btn/card/prose/:has/...)
     util.    — visually-hidden, skip-link, container, stack

   Sites that want à la carte adoption import individually instead.
   The framework still works perfectly with selective imports; this
   file is for the "I want everything" case.

   After this import, sites still need to:
     1. Define brand primitives in @layer tokens — at minimum:
          --paper, --ink, --accent, --focus-ring, --focus-halo
     2. Add their own @layer components for component overrides
     3. Add their own @layer layout for page-level scaffolding

   Optional add-ons (not in this index, opt in if desired):
     dark.css        — manual [data-theme] toggle + per-section .invert
                       (auto dark mode is already ON by default via tokens)

   Version: see VERSION file in this directory.
*/

@import url("/static/design/layers.css");
@import url("/static/design/reset.css") layer(reset);
@import url("/static/design/tokens-typed.css") layer(tokens);
@import url("/static/design/tokens-defaults.css") layer(tokens);
@import url("/static/design/base.css") layer(base);
@import url("/static/design/a11y.css") layer(base);
@import url("/static/design/typography.css") layer(base);
@import url("/static/design/layouts.css") layer(layout);
@import url("/static/design/patterns.css") layer(components);
@import url("/static/design/modern.css") layer(components);
@import url("/static/design/capabilities.css") layer(components);
@import url("/static/design/motion.css") layer(components);
@import url("/static/design/utilities.css") layer(utilities);