::selection {
  background-color: var(--ia-blue-200);
  color: var(--ia-blue-900);
}

html {
  scrollbar-color: var(--ia-neutral-300) var(--ia-neutral-50);
  scrollbar-width: thin;
}

body ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

body ::-webkit-scrollbar-track {
  background-color: var(--ia-neutral-50);
}

body ::-webkit-scrollbar-thumb {
  border: 3px solid var(--ia-neutral-50);
  border-radius: var(--ia-radius-full);
  background-color: var(--ia-neutral-300);
}

body ::-webkit-scrollbar-thumb:hover {
  background-color: var(--ia-neutral-400);
}

body input,
body textarea,
body select {
  caret-color: var(--ia-action);
  accent-color: var(--ia-action);
}

body :focus-visible {
  outline: 2px solid var(--ia-focus);
  outline-offset: 2px;
}

body .entry a:not([class]),
body .entry p a,
body .entry li a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: text-decoration-color var(--ia-motion-fast) var(--ia-ease);
}

body .entry a:not([class]):hover,
body .entry p a:hover,
body .entry li a:hover {
  text-decoration-thickness: 2px;
}

body table,
body .elementor-counter-number-wrapper,
body .elementor-counter-number,
body .tg td,
body .tg th {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

body img {
  color-scheme: only light;
}