/* ============================================================
   Stepace Wellness — Design System
   Global entry point. Consumers link THIS file only.
   Keep this file as @import lines only.
   ============================================================ */

@import "./tokens/fonts.css";
@import "./tokens/colors.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/effects.css";

/* ------------------------------------------------------------
   High-end direction: strict black / white / orange only,
   all copy set in capitals (overrides any sentence-case authored
   inline, since it wins the cascade over class-based rules).
   ------------------------------------------------------------ */
body, p, span, a, button, input, textarea, label, li, h1, h2, h3, h4, h5, h6,
div, small, strong, em {
  text-transform: uppercase !important;
}
body {
  background: var(--sp-white);
  color: var(--sp-black);
}