/* Shared FixAnything colour roles, aligned with Inkloch's cobalt and coral. */
:root {
  color-scheme: light;
  --fa-ink: #171c38;
  --fa-deep: #242c70;
  --fa-blue: #3047e8;
  --fa-blue-hover: #2136c7;
  --fa-coral: #ff8976;
  --fa-coral-hover: #ffa392;
  --fa-blush: #fff0ed;
  --fa-paper: #f6f6fc;
  --fa-panel: #eeefff;
  --fa-muted: #5a6077;
  --fa-border: #d9dceb;
}

:where(a, button, input, select, textarea, summary, iframe, [tabindex]):focus-visible {
  outline: 3px solid var(--fa-blue);
  outline-offset: 3px;
}

:where(input[type="checkbox"], input[type="radio"], progress) {
  accent-color: var(--fa-blue);
}

:is(.band, .directoryOwner, .videoPoster, .videoThumb) :focus-visible,
.header:has(.headerRow) :focus-visible {
  outline-color: var(--fa-coral);
}