/* ==========================================================================
   Datastruct Design System — vanilla CSS entry point (no build step)
   ==========================================================================
   Cascade-layer architecture. Later layers win, so the order below is the
   contract:

     theme       design tokens (custom properties only)
     base        reset + element defaults
     components  ds-* component classes, layout scaffolding, mkt-* marketing
     utilities   curated single-purpose helpers (override components)
     overrides   cross-cutting guarantees (flatten-inside-cards, motion prefs)

   Notable consequences of the order:
   - utilities override component defaults (`ds-card bg-white` works), and
   - `overrides` beats everything: the flatten-inside-cards rule and the
     hover states of the swap helpers live there, so a static color utility
     on the same element can never pin them down.
   ========================================================================== */

@layer theme, base, components, ds-utilities, overrides;

@import url("./ds/tokens.css") layer(theme);
@import url("./ds/base.css") layer(base);
@import url("./ds/layout.css") layer(components);
@import url("./ds/components.css") layer(components);
@import url("./ds/marketing.css") layer(components);
@import url("./ds/utilities.css") layer(ds-utilities);
@import url("./ds/overrides.css") layer(overrides);