html body.vinde-v3-staging {
  --vinde-v3-ink: #111827;
  --vinde-v3-ink-2: #303846;
  --vinde-v3-navy: #0b1020;
  --vinde-v3-indigo: #312e81;
  --vinde-v3-focus: #4f46e5;
  --vinde-v3-focus-ring: #667085;
  --vinde-v3-selected: #eef2ff;
  --vinde-v3-muted: #475467;
  --vinde-v3-line: #d0d5dd;
  --vinde-v3-line-soft: #e6e9ee;
  --vinde-v3-canvas: #f4f6f8;
  --vinde-v3-surface: #ffffff;
  --vinde-v3-surface-alt: #f8f9fb;
  --vinde-v3-brand-yellow: #ffb800;
  --vinde-v3-danger: #b42318;
  --vinde-v3-danger-soft: #fff0ee;
  --vinde-v3-success: #067647;
  --vinde-v3-success-soft: #e9f8f1;
  --vinde-v3-shadow: 0 22px 60px rgba(16, 24, 40, 0.13);
  --vinde-v3-shadow-soft: 0 9px 24px rgba(16, 24, 40, 0.09);
  --vinde-v3-radius: 8px;
  --vinde-v3-content: 1280px;
  --vo-orange: var(--vinde-v3-indigo) !important;
  --vo-yellow: var(--vinde-v3-focus) !important;
  --admin-orange: var(--vinde-v3-indigo) !important;
  --admin-orange-soft: var(--vinde-v3-selected) !important;
  color: var(--vinde-v3-ink);
  background: var(--vinde-v3-canvas);
  accent-color: var(--vinde-v3-focus);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html body.vinde-v3-staging *,
html body.vinde-v3-staging *::before,
html body.vinde-v3-staging *::after {
  box-sizing: border-box;
  letter-spacing: 0;
}

html body.vinde-v3-staging :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--vinde-v3-focus-ring) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

html:has(body.vinde-v3-staging) {
  overflow-x: clip;
}