:root {
  color-scheme: light;

  --vc-brand-950: #101944;
  --vc-brand-900: #172662;
  --vc-brand-800: #263b97;
  --vc-brand-700: #304db8;
  --vc-brand-600: #3e5fd1;
  --vc-blue-700: #0457ca;
  --vc-blue-600: #0567ee;
  --vc-blue-500: #237bf2;
  --vc-blue-100: #d9e9ff;
  --vc-blue-050: #eef5ff;

  --vc-ink: #111827;
  --vc-text: #344054;
  --vc-muted: #667085;
  --vc-faint: #98a2b3;
  --vc-border-strong: #b8c0ce;
  --vc-border: #d7dce5;
  --vc-border-soft: #e7eaf0;
  --vc-surface: #ffffff;
  --vc-surface-muted: #f8f9fb;
  --vc-canvas: #f4f6f9;
  --vc-overlay: rgb(16 24 40 / 55%);

  --vc-success: #14804a;
  --vc-success-text: #0f633a;
  --vc-success-soft: #eaf8f0;
  --vc-warning: #b25e09;
  --vc-warning-text: #7a4108;
  --vc-warning-soft: #fff4e5;
  --vc-danger: #c9362b;
  --vc-danger-text: #922820;
  --vc-danger-soft: #fdedec;
  --vc-info: #0567ee;
  --vc-info-text: #084c9e;
  --vc-info-soft: #eef5ff;
  --vc-neutral-soft: #f2f4f7;

  --vc-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --vc-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --vc-font-12: 0.75rem;
  --vc-font-13: 0.8125rem;
  --vc-font-14: 0.875rem;
  --vc-font-15: 0.9375rem;
  --vc-font-16: 1rem;
  --vc-font-18: 1.125rem;
  --vc-font-20: 1.25rem;
  --vc-font-24: 1.5rem;
  --vc-font-32: 2rem;

  --vc-space-1: 0.25rem;
  --vc-space-2: 0.5rem;
  --vc-space-3: 0.75rem;
  --vc-space-4: 1rem;
  --vc-space-5: 1.25rem;
  --vc-space-6: 1.5rem;
  --vc-space-8: 2rem;
  --vc-space-10: 2.5rem;
  --vc-space-12: 3rem;
  --vc-space-16: 4rem;

  --vc-control-compact: 2rem;
  --vc-control: 2.5rem;
  --vc-control-touch: 3rem;
  --vc-radius-sm: 0.375rem;
  --vc-radius-md: 0.625rem;
  --vc-radius-lg: 1rem;
  --vc-radius-pill: 999px;
  --vc-shadow-sm: 0 1px 2px rgb(16 24 40 / 5%);
  --vc-shadow-md: 0 8px 24px rgb(16 24 40 / 10%);
  --vc-shadow-lg: 0 20px 50px rgb(16 24 40 / 16%);
  --vc-focus-ring: 0 0 0 3px rgb(5 103 238 / 22%);

  --vc-transition-fast: 120ms ease-out;
  --vc-transition: 180ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --vc-transition-fast: 0ms;
    --vc-transition: 0ms;
  }
}
