/* ============================================================
   design-system.css
   Entry point — declares layer order and imports all partials.
   Token values extracted from Figma (see _docs/design/design-tokens.md).
   ============================================================ */

@layer fonts, tokens, base, components, utilities;

@import url("fonts.css") layer(fonts);
@import url("phosphor-thin.css") layer(fonts);
@import url("phosphor-light.css") layer(fonts);
@import url("phosphor-regular.css") layer(fonts);
@import url("phosphor-bold.css") layer(fonts);
@import url("variables/_generated/index.css") layer(tokens);
@import url("tokens.css") layer(tokens);
@import url("base.css") layer(base);
@import url("components.css") layer(components);
@import url("tailwind-utilities.css") layer(utilities);