/* Dark product surface — gbot Sand density, Flow as the node studio. */
:root {
  color-scheme: dark;
  --rv-color-primary: #7f6df2;
  --rv-color-primary-hover: #9486f5;
  --rv-color-secondary: #5b4fd6;
  --rv-color-accent: #7f6df2;
  --rv-color-accent-subtle: rgba(127, 109, 242, 0.16);
  --rv-color-background: #1e1e1e;
  --rv-color-background-deep: #161616;
  --rv-color-surface: #262626;
  --rv-color-surface-hover: #2a2a2a;
  --rv-color-surface-active: #303030;
  --rv-color-ink: #dcddde;
  --rv-color-muted: #999999;
  --rv-color-faint: #666666;
  --rv-color-border: #333333;
  --rv-color-border-strong: #404040;
  --rv-color-success: #00c972;
  --rv-color-warning: #ff9800;
  --rv-color-danger: #ff263c;
  --rv-font-display: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rv-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rv-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --rv-radius-xs: 4px;
  --rv-radius-sm: 6px;
  --rv-radius-md: 8px;
  --rv-radius-lg: 10px;
  --rv-motion-fast: 140ms;
  --rv-motion-base: 200ms;
  --rv-motion-slow: 320ms;
  --rv-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rv-sidebar-width: 232px;
  --rv-header-height: 48px;
  --rv-button-height: 34px;
  --rv-spacing-unit: 4px;
  --rv-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  --rv-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.4);
  --rv-shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.45);
  --rv-kind-role: #7f6df2;
  --rv-kind-persona: #e879f9;
  --rv-kind-plugin: #2dd4bf;
  --rv-kind-report: #fbbf24;
  --rv-kind-scheduler: #60a5fa;
  --rv-kind-todo: #fb7185;
}