/* Shared desktop typography and interaction tokens. FoxMeta keeps its night palette. */
:root {
  --ui-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  --ui-text: #eeede8;
  --ui-muted: #a3a9b1;
  --ui-subtle: #7f8995;
  --ui-accent: #d1b27b;
  --ui-surface: #111820;
  --ui-raised: #1a222c;
  --ui-border: rgba(227, 235, 243, .10);
  --ui-ease-out: cubic-bezier(.23, 1, .32, 1);
  --ui-ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --ui-radius: 16px;
}
@media (min-width: 721px) {
  body { font-family: var(--ui-font); font-size: 14px; line-height: 1.5; color: var(--ui-text); font-optical-sizing: auto; }
  button, input, select, textarea { font-family: inherit; }
  button, a { -webkit-tap-highlight-color: transparent; }
  button { touch-action: manipulation; }
  :where(button, a, input, select, [tabindex]):focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 4px; }
  ::selection { color: #fff5df; background: #5d4d33; }
  :where(input, select) { accent-color: var(--ui-accent); }
  :where(button, a)[aria-disabled="true"] { cursor: default; }
  /* Keep wheel, touch and keyboard scrolling, without a moving scrollbar. */
  *, *::before, *::after { scrollbar-width: none !important; }
  *::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
  .kelly-toolbar-button svg { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}