/* SixLab base stylesheet - generated by scripts/build.mjs; do not edit. */
/* Link dist/tokens.css first, then this file, then your own stylesheet. */

:root {
  font-family: var(--sl-font-sans);
  color: var(--sl-color-text-primary);
  background-color: var(--sl-color-surface-base);
  font-variant-numeric: tabular-nums lining-nums;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

/* The shadow strip: elevation comes from surface steps and borders (NR-03).
   The :focus-visible ring below overrides it by importance plus specificity. */
* {
  box-shadow: none !important;
}

a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* UA stylesheets set font on controls, which would substitute the system face
   and drop tabular figures exactly where aligned digits matter. */
button, input, select, textarea {
  font: inherit;
  font-variant-numeric: inherit;
  color: inherit;
  min-block-size: var(--sl-target-min);
  border-radius: 0;
}

/* Element, then surface-colored offset ring (0-2px, the shadow), then the
   maximum-contrast ring (2-4px, the outline). Never restyled (NR-06). */
:focus-visible {
  outline: 2px solid var(--sl-color-focus-ring);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--sl-color-focus-offset) !important;
}

/* The sanctioned outline suppression: pointer focus defers to :focus-visible. */
:focus:not(:focus-visible) {
  outline: none;
}