.vfp-theme-dark {
  --vfp-surface: #18202b;
  --vfp-bg: #0f1720;
  --vfp-text: #f5f7fb;
  --vfp-muted: #a5b1c2;
  --vfp-border: #344155;
  --vfp-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
}

@media (prefers-color-scheme: dark) {
  .vfp-theme-auto {
    --vfp-surface: #18202b;
    --vfp-bg: #0f1720;
    --vfp-text: #f5f7fb;
    --vfp-muted: #a5b1c2;
    --vfp-border: #344155;
    --vfp-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
  }
}