:root {
  --red-vivid: #e32018;
  --red: #aa1f17;
  --red-deep: #821812;
  --admin-focus: #ff9b95;
}

html[data-theme="light"] {
  --ink: #231f20;
  --page-background: #e7e3e3;
}

html[data-theme="dark"] {
  --ink: #f5f5f5;
  --page-background: #0c0a0b;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline-color: #ff9b95;
}

html[data-animations="off"] *,
html[data-animations="off"] *::before,
html[data-animations="off"] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.001ms !important;
}