/* Arcadia Controls — Main CSS Entry Point
   Import this single file to load all tokens and the default (light) theme.

   Usage in Blazor app:
     <link href="_content/HelixUI.Theme/css/helix.css" rel="stylesheet" />
*/

@import "tokens/colors.css";
@import "tokens/spacing.css";
@import "tokens/typography.css";
@import "tokens/elevation.css";
@import "tokens/motion.css";
@import "tokens/breakpoints.css";
@import "themes/light.css";
@import "themes/dark.css";

/* Base reset for Arcadia Controls components */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Focus ring utility — applied by components that need visible focus */
.arcadia-focus-ring:focus-visible {
  outline: var(--arcadia-ring-width) solid var(--arcadia-ring-color);
  outline-offset: var(--arcadia-ring-offset);
}

/* Visually hidden utility — accessible to screen readers */
.arcadia-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}