/* CyberSkill Global Design System — single entry point.
 * Consumers link THIS file. It is an @import manifest only: fonts, then design
 * tokens, then base component + surface styles. Turn Your Will Into Real.
 *
 * Anchors are immutable: Umber #45210E · Ochre #F4BA17 · Vietnamese-first ·
 * voice = warm / direct / honest / respectful · APCA Lc >= 75 body text. */

/* 1 — Webfonts (must precede token/style rules) */
@import url("tokens/fonts.css");

/* 2 — Design tokens */
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/elevation.css");
@import url("tokens/motion.css");
@import url("tokens/component-tokens.css");
@import url("tokens/elements.css");
@import url("tokens/expressions.css");
@import url("tokens/density.css");

/* 3 — Base: reset, type utilities, component classes, Liquid Glass surfaces */
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/components.css");
@import url("base/forms.css");
@import url("base/feedback.css");
@import url("base/data.css");
@import url("base/navigation.css");
@import url("base/ai.css");
@import url("base/controls.css");
@import url("base/collections.css");
@import url("base/shell.css");
@import url("base/glass.css");
@import url("base/interaction.css");

/* 3.5 — Accessibility: coarse-pointer 44px targets + reduced-motion safety net */
@import url("base/a11y.css");

/* 4 — Global responsive layer (loaded last; adapts every surface to tablet/phone) */
@import url("base/responsive.css");