:root {
  color-scheme: light dark;
  --ui-error: #a32f51;
  --ui-violet: #7952e8;
  --ui-violet-dark: #6540cb;
  --ui-peach: #ffc5a5;
  --ui-ink: #30213f;
  --ui-muted: #6d5c7b;
  --ui-subtle: #72617f;
  --ui-line: #e4dceb;
  --ui-canvas: #f6f3fa;
  --ui-paper: #fffaf5;
  --ui-surface: #ffffff;
  --ui-sidebar: #2b203d;
  --ui-shadow: 0 8px 30px #30213f08;
  --ui-radius: 22px;
  --iskra-primary: #7952e8;
  --iskra-accent: #ffc5a5;
  --iskra-ink: #30213f;
  --iskra-line: #e4dceb;
  --iskra-copy: #6d5c7b;
  --iskra-copy-secondary: #72617f;
}
::selection { background: #ffc5a5; color: #30213f; }
:where(button,a,input,textarea,select,summary):focus-visible { outline: 3px solid #7952e8; outline-offset: 4px; }
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}