/* Bagfinder's shared palette and typography. */
:root {
  --bg: #14151b; --panel: #1c1e26; --panel-2: #252832; --input: #171920;
  --line: #30333e; --line-2: #414653; --text: #f4f5f7; --soft: #c0c5d0;
  --muted: #939baa; --faint: #747e90; --white: #f4f5f7;
  --accent: #9ef2bb; --accent-hover: #b8ffcf; --accent-dim: #21392d; --ink: #14241b;
  --x-blue: #66b9ff; --x-grey: #a5b5c4; --danger: #ff9191;
  --mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --display: "Space Grotesk", "Inter", system-ui, sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; color: var(--text); background: var(--bg); font: 14px/1.55 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: inherit; }
::selection { color: var(--ink); background: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: -80px; left: 16px; z-index: 200; padding: 12px 18px; border-radius: 8px; color: var(--ink); background: var(--accent); }
.skip-link:focus { top: 12px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}