/* ==========================================================================
   TOKENS / index.css
   --------------------------------------------------------------------------
   Entry point untuk seluruh token sistem.
   Import file ini SATU KALI di <head>, sebelum semua CSS lain:

     <link rel="stylesheet" href="/tokens/index.css">

   Urutan import penting:
     1. _colors.css   — primitif warna (tidak ada dependensi)
     2. _semantic.css — alias semantic (depends: _colors.css)
     3. _typography.css — font scale (independen)
     4. _spacing.css  — spacing scale (independen)
     5. _layout.css   — breakpoints, grid, z-index (independen)
     6. _elevation.css — shadow + radius (depends: _colors.css untuk focus ring)
     7. _motion.css   — animasi (independen)
   ========================================================================== */

/* Layer 1 — Primitives */
@import './_colors.css';
@import './_typography.css';
@import './_spacing.css';
@import './_layout.css';

/* Layer 2 — Semantic aliases (depends on primitives) */
@import './_semantic.css';

/* Layer 3 — Visual properties */
@import './_elevation.css';
@import './_motion.css';
