/* ========================================
   OVIVO Design System — single entry point
   The ONLY stylesheet a page links:
     <link rel="stylesheet" href="/css/ovivo.css">

   Cascade layers make specificity a non-issue: a
   component never has to out-specify base, and a
   utility always wins over a component without
   !important (DEVELOPMENT_VALUES.md §3). Add new
   component imports inside the components layer.

   Tradeoff: native @import is a handful of small
   sequential requests — fine for a brochure site on
   HTTP/2. The only sanctioned build step, if first
   paint ever needs it, is concatenating these files
   into ovivo.min.css; the authoring structure does
   not change.
   ======================================== */

@layer tokens, base, layout, motion, components, utilities;

@import url('tokens.css')  layer(tokens);
@import url('base.css')    layer(base);
@import url('layout.css')  layer(layout);
@import url('motion.css')  layer(motion);

/* ---- Components (alphabetical; one file each) ---- */
@import url('components/button.css')    layer(components);
@import url('components/nav.css')       layer(components);
@import url('components/hero.css')       layer(components);
@import url('components/callout.css')    layer(components);
@import url('components/stat.css')       layer(components);
@import url('components/content.css')    layer(components);
@import url('components/card.css')       layer(components);
@import url('components/chain.css')       layer(components);
@import url('components/walk.css')        layer(components);
@import url('components/trace.css')       layer(components);
@import url('components/contrast.css')    layer(components);
@import url('components/statement.css')  layer(components);
@import url('components/feature.css')    layer(components);
@import url('components/tag.css')        layer(components);
@import url('components/steps.css')      layer(components);
@import url('components/accordion.css')  layer(components);
@import url('components/badge.css')      layer(components);
@import url('components/table.css')      layer(components);
@import url('components/cta.css')        layer(components);
@import url('components/footer.css')     layer(components);
@import url('components/life.css')        layer(components);

@import url('utilities.css') layer(utilities);