/*
  Gym Coach design system — native CSS, no build.

  Layer order (later wins): reset → base → components → utilities.
  - tokens.css      global custom properties (color, space, type, radius, motion)
  - reset.css       browser normalisation
  - base.css        bare HTML elements, no classes
  - components/*    one file per component; states via aria-* and data-* attributes
  - utilities.css   a short list of single-purpose helpers
*/
@layer reset, base, components, utilities;

@import url("tokens.css");
@import url("reset.css") layer(reset);
@import url("base.css") layer(base);

@import url("components/buttons.css") layer(components);
@import url("components/chips.css") layer(components);
@import url("components/cards.css") layer(components);
@import url("components/forms.css") layer(components);
@import url("components/page.css") layer(components);
@import url("components/exercise.css") layer(components);
@import url("components/sets.css") layer(components);
@import url("components/plan.css") layer(components);
@import url("components/meter.css") layer(components);
@import url("components/lists.css") layer(components);
@import url("components/tabbar.css") layer(components);
@import url("components/overlays.css") layer(components);
@import url("components/sheet.css") layer(components);
@import url("components/stepper.css") layer(components);

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