/* ============================================================
   Hausback Design System — global entry point.
   Consumers link THIS file only. Import order matters:
   fonts → tokens → density → base.
   ============================================================ */

@import "./tokens/fonts.css";
@import "./tokens/colors.css";
@import "./tokens/theming.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/elevation.css";
@import "./tokens/motion.css";
@import "./tokens/density.css";
@import "./tokens/base.css";

/* @hausback/ui wrapper-component layout (Entity* family) — DS tokens only. */
@import "./entity.css";
@import "./responsive.css";

/* Checkbox and Radio keep a native input for semantics, but that input is
   visually hidden. Project keyboard-only focus onto the visible control;
   pointer and touch activation intentionally stay ring-free. */
.hb-checkbox:has(> input:focus-visible) > .hb-checkbox-box,
.hb-radio:has(> input:focus-visible) > .hb-radio-ring {
  box-shadow: var(--ring-focus);
}