/* ============================================================================
   REFLEXIVITY · COLOR SYSTEM v1.0
   tokens.css — index file (imports the canonical token files in cascade order)
   ────────────────────────────────────────────────────────────────────────────
   Source of truth: DESIGN_LANGUAGE.md
   Frozen: 2026-05-05

   This file is the entry point for the design system. Component CSS imports
   this; this file imports the four canonical token files in cascade order.
   The split is documented in §X of the SOT.

   Order matters:
     1. primitives.css declares @layer cascade order, then chromatic + grays.
     2. ladders.css declares the §V matrix (depends on nothing).
     3. brand.css declares per-lane aliases (depends on chromatic primitives).
     4. themes.css declares role-token bindings (depends on grays).

   For app surfaces (verification engines, dashboards, real-time
   visualizations), additionally import app.css AFTER themes.css. Static
   documentation sites do NOT need app.css. See §XIII of the SOT for what
   app.css adds: pulse vocabulary, perf-tier gating, mono OpenType utilities,
   stream-event hue bindings, telemetry severity gradient.

   To replace this with hand-rolled @import statements is fine; the order is
   what matters. The four canonical files together MUST gzip to under 16 KB
   combined (with global.css). app.css is an additional 1-2 KB gzipped on top
   for app surfaces only.
   ============================================================================ */

@import url('./primitives.css');
@import url('./ladders.css');
@import url('./brand.css');
@import url('./themes.css');

/* App surfaces only · enabled because this project is an app surface
   (real-time Three.js visualization, telemetry overlay, audio output,
   live SSE event stream). See §XIII of DESIGN_LANGUAGE.md. */
@import url('./app.css');