@layer tw-base, framework, tw-components, tw-utilities;

@import url("tailwindcss/base") layer(tw-base);
@import url("@navikt/ds-css/darkside") layer(framework);
@import url("tailwindcss/components") layer(tw-components);
@import url("tailwindcss/utilities") layer(tw-utilities);

#root {
  width: 100%;
}

:where(:root) *:focus {
  outline: 4px solid var(--a-bg-accent-strong-hover);
  z-index: 200;
}

*:focus {
  outline-offset: 4px;
}
