/* =========================================================================
   FIXSCORE — MAIN STYLESHEET
   Entry point. Layer order matters: primitives before semantic tokens
   before base elements before components before utilities, so later
   layers can rely on everything above them and cascade/specificity stay
   predictable.

   Architecture
   ------------
   base/_primitives.css   raw, unnamed-purpose values (color/type/space/…)
   base/_semantic.css     role-based tokens built only from primitives
   base/_reset.css        minimal reset
   base/_elements.css     bare HTML elements, semantic tokens only
   components/*           one file per UI component, semantic tokens only
   utilities/_utilities.css  small single-purpose helper classes

   Rule: components and utilities NEVER hardcode a color/size/font — they
   consume var(--...) from base/_semantic.css (or a primitive, only when
   no semantic role exists yet — extend _semantic.css instead of doing
   that). Add new brand colors/sizes to _primitives.css, wire them to a
   role in _semantic.css, then use the role everywhere else.
   ========================================================================= */

@import "base/_primitives.css";
@import "base/_semantic.css";
@import "base/_reset.css";
@import "base/_elements.css";

@import "components/_layout.css";
@import "components/_navigation.css";
@import "components/_footer.css";
@import "components/_hero.css";
@import "components/_buttons.css";
@import "components/_cards.css";
@import "components/_forms.css";
@import "components/_badges.css";
@import "components/_feedback.css";

@import "utilities/_utilities.css";