:root{
  color-scheme: dark;

  --vf-bg: #070a12;
  --vf-surface: rgba(255,255,255,0.06);
  --vf-surface-2: rgba(255,255,255,0.09);
  --vf-border: rgba(255,255,255,0.12);
  --vf-text: rgba(255,255,255,0.92);
  --vf-muted: rgba(255,255,255,0.70);

  /* Mascot palette: blue + warm yellow */
  --vf-accent: #2d6cff;
  --vf-accent-2: #52c3ff;
  --vf-accent-warm: #ffd34a;
  --vf-ok: #22c55e;
  --vf-warn: #f59e0b;
  --vf-bad: #ef4444;

  --vf-radius-sm: 12px;
  --vf-radius: 16px;
  --vf-radius-lg: 22px;

  --vf-shadow: 0 22px 70px rgba(0,0,0,0.55);
  --vf-shadow-soft: 0 16px 44px rgba(0,0,0,0.35);

  --vf-max: 1100px;
  --vf-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --vf-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --vf-ease: cubic-bezier(.2,.8,.2,1);
  --vf-dur-1: 120ms;
  --vf-dur-2: 180ms;
}

/* Light theme intentionally disabled: product is dark-only. */