/* Blackgrove tokens. Every stylesheet reads these: search.css on the product pages, and canvas.css
 * on both the product pages and the marketing pages (through tailwind/application.css), because
 * a report draws its graph with the same canvas. */
/* ── tokens ─────────────────────────────────────────────────────────────── */
:root {
  color-scheme: light;
  --ox-bg-base:#ffffff; --ox-bg-subtle:#fafafa; --ox-bg-muted:#f5f5f5; --ox-bg-emphasis:#ebebeb;
  --ox-text-primary:#171717; --ox-text-secondary:#3f3f3f; --ox-text-tertiary:#5c5c5c;
  --ox-text-muted:#8a8a8a; --ox-text-disabled:#bcbcbc; --ox-text-inverse:#ffffff;
  --ox-border-subtle:#f0f0f0; --ox-border-default:#e2e2e2; --ox-border-strong:#d4d4d4;
  --ox-accent:#000000; --ox-accent-hover:#1a1a1a;
  --ox-info-fg:#1f6feb; --ox-link:#1f6feb;
  --ox-success-fg:#1a7f37; --ox-success-bg:#e6f7ec; --ox-success-border:#b9e3c6;
  --ox-danger-fg:#cf222e; --ox-danger-bg:#feeceb; --ox-danger-border:#fbc6c2;
  --ox-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --ox-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ox-radius-xs:4px; --ox-radius-sm:6px; --ox-radius-md:8px; --ox-radius-lg:12px; --ox-radius-pill:9999px;
  --ox-elev-1:0 3px 6px -2px rgba(0,0,0,.02), 0 1px 1px 0 rgba(0,0,0,.04);
  --ox-elev-2:0 0 0 1px var(--ox-border-default), 0 3px 6px -2px rgba(0,0,0,.02), 0 1px 1px 0 rgba(0,0,0,.04);
  --ox-elev-overlay:0 12px 32px -8px rgba(0,0,0,.18), 0 4px 12px -4px rgba(0,0,0,.08);
  --ox-duration-base:150ms; --ox-ease:cubic-bezier(.25,.46,.45,.94);
  --ox-topbar-height:56px; --ox-rail-width:300px;
  /* builder chip families: peach = a filter, blue = its value */
  --kw-fg:#4e5662; --kw-bg:#e7ecf1;
  --conn-fg:#b25d06; --conn-bg:#fdf6f0;
  --prop-fg:#b25d06; --prop-bg:#fae1d1; --prop-bg-hov:#f3d0b7;
  --val-fg:#1f6feb; --val-bg:#dbe7ff; --val-bg-hov:#c7d8fb;
  --vconn-fg:#1f6feb; --vconn-bg:#f2f6fd;
  --w-author:#047857; --w-source:#b45309;
  --ink:#0a0a0a; --muted:#52525b; --faint:#a1a1aa; --hair:#f0f0f2;
}