:root {
  --ui-surface: #ffffff;
  --ui-canvas: #f5f7fa;
  --ui-ink: #202a38;
  --ui-muted: #596678;
  --ui-line: #dce2e9;
  --ui-accent: #2364ac;
  --ui-accent-soft: #edf4fc;
  --ui-shadow: 0 3px 14px rgb(25 43 65 / 6%);
  --ui-radius: 8px;
}
html[data-theme="dark"] {
  --ui-surface: #20252c;
  --ui-canvas: #171b21;
  --ui-ink: #edf0f5;
  --ui-muted: #b4becc;
  --ui-line: #3c4552;
  --ui-accent: #95c5ff;
  --ui-accent-soft: #26374a;
  --ui-shadow: 0 3px 14px rgb(0 0 0 / 12%);
}
body[data-ui-refresh] {
  font-family: Inter, Arial, sans-serif;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
body[data-ui-refresh] :is(h1,h2,h3,h4,h5,h6) {
  font-family: Inter, Arial, sans-serif;
  letter-spacing: 0;
  text-wrap: pretty;
}
body[data-ui-refresh] :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid var(--ui-accent);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body[data-ui-refresh] :is(a,button) { transition: none !important; }
}