/*
 * The whole system in one import: `@import '@dweaver/brand-core';`
 *
 * `reset.css` and `primitives.css` are pulled into cascade layers here (they
 * ship layer-agnostic), so your app's own unlayered CSS beats every `.ds-*`
 * rule with no !important war. `tokens.css` and `fonts.css` stay unlayered so
 * the token values win.
 *
 * Layer order, lowest priority first: brand.reset < brand.primitives < (your app).
 *
 * Prefer importing the individual files when you only need part of it, e.g.
 * `@import '@dweaver/brand-core/tokens.css';` for tokens alone. If you load
 * `primitives.css` directly (no layer), put it before your app stylesheet.
 */
@layer brand.reset, brand.primitives;

@import url('./tokens.css');
@import url('./fonts.css');
@import url('./reset.css') layer(brand.reset);
@import url('./primitives.css') layer(brand.primitives);