/* Global entrypoint — the host links only this file. Order matters: tokens, then themes,
   then element styling. Theme files redefine the colour role tokens per [data-theme]. */
@import url("base/variables.css");
@import url("themes/light.css");
@import url("themes/dark.css");
@import url("themes/system.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("rtl.css");
@import url("components/tables.css");
@import url("components/forms.css");
@import url("components/utilities.css");

/* App-level focus visibility (token-driven). */
:focus-visible {
  outline: var(--focus-ring-width) solid var(--color-focus-ring);
  outline-offset: var(--focus-ring-offset);
  border-radius: var(--radius-sm);
}

::selection {
  background-color: var(--color-primary-subtle);
}